diff --git a/apps/client/src/ee/ai-chat/components/chat-input.tsx b/apps/client/src/ee/ai-chat/components/chat-input.tsx index d01381874..d99479d0d 100644 --- a/apps/client/src/ee/ai-chat/components/chat-input.tsx +++ b/apps/client/src/ee/ai-chat/components/chat-input.tsx @@ -255,6 +255,7 @@ export default function ChatInput({ }, content: "", editable: true, + textDirection: "auto", immediatelyRender: true, shouldRerenderOnTransaction: false, autofocus: autofocus ? "end" : false, diff --git a/apps/client/src/ee/template/components/readonly-template-editor.tsx b/apps/client/src/ee/template/components/readonly-template-editor.tsx index ca3c4b2ce..6088cb866 100644 --- a/apps/client/src/ee/template/components/readonly-template-editor.tsx +++ b/apps/client/src/ee/template/components/readonly-template-editor.tsx @@ -41,6 +41,7 @@ export default function ReadonlyTemplateEditor({ diff --git a/apps/client/src/ee/template/pages/template-editor.tsx b/apps/client/src/ee/template/pages/template-editor.tsx index 7fadf05c8..1c8810ce2 100644 --- a/apps/client/src/ee/template/pages/template-editor.tsx +++ b/apps/client/src/ee/template/pages/template-editor.tsx @@ -87,6 +87,7 @@ export default function TemplateEditor() { const editor = useEditor({ extensions: templateExtensions, content: "", + textDirection: "auto", editorProps: { scrollThreshold: 80, scrollMargin: 80, diff --git a/apps/client/src/features/comment/components/comment-editor.tsx b/apps/client/src/features/comment/components/comment-editor.tsx index eeb0983a0..520877c85 100644 --- a/apps/client/src/features/comment/components/comment-editor.tsx +++ b/apps/client/src/features/comment/components/comment-editor.tsx @@ -103,6 +103,7 @@ const CommentEditor = forwardRef( }, content: defaultContent, editable, + textDirection: "auto", immediatelyRender: true, shouldRerenderOnTransaction: false, autofocus: (autofocus && "end") || false, diff --git a/apps/client/src/features/editor/components/transclusion/transclusion-content.tsx b/apps/client/src/features/editor/components/transclusion/transclusion-content.tsx index 946291225..828c42bbc 100644 --- a/apps/client/src/features/editor/components/transclusion/transclusion-content.tsx +++ b/apps/client/src/features/editor/components/transclusion/transclusion-content.tsx @@ -40,6 +40,7 @@ export default function TransclusionContent({ content }: Props) { diff --git a/apps/client/src/features/editor/page-editor.tsx b/apps/client/src/features/editor/page-editor.tsx index 7149e7938..77233f34f 100644 --- a/apps/client/src/features/editor/page-editor.tsx +++ b/apps/client/src/features/editor/page-editor.tsx @@ -249,6 +249,7 @@ function CollabPageEditor({ { extensions, editable, + textDirection: "auto", immediatelyRender: true, shouldRerenderOnTransaction: false, editorProps: { @@ -484,6 +485,7 @@ function StaticPageEditor({ @@ -93,6 +94,7 @@ export default function ReadonlyPageEditor({ { diff --git a/apps/client/src/features/editor/styles/table.css b/apps/client/src/features/editor/styles/table.css index 32a427936..7d9018a12 100644 --- a/apps/client/src/features/editor/styles/table.css +++ b/apps/client/src/features/editor/styles/table.css @@ -54,7 +54,7 @@ var(--mantine-color-dark-5) ); font-weight: bold; - text-align: left; + text-align: start; } .column-resize-handle { diff --git a/apps/client/src/features/editor/title-editor.tsx b/apps/client/src/features/editor/title-editor.tsx index 04317099d..26925b154 100644 --- a/apps/client/src/features/editor/title-editor.tsx +++ b/apps/client/src/features/editor/title-editor.tsx @@ -86,6 +86,7 @@ export function TitleEditor({ }, editable: editable, content: title, + textDirection: "auto", immediatelyRender: true, shouldRerenderOnTransaction: false, editorProps: { diff --git a/apps/client/src/features/page-history/components/history-editor.tsx b/apps/client/src/features/page-history/components/history-editor.tsx index 3773f6bcf..18a7dfda3 100644 --- a/apps/client/src/features/page-history/components/history-editor.tsx +++ b/apps/client/src/features/page-history/components/history-editor.tsx @@ -31,6 +31,7 @@ export function HistoryEditor({ const editor = useEditor({ extensions: mainExtensions, editable: false, + textDirection: "auto", }); useEffect(() => { diff --git a/apps/server/src/collaboration/collaboration.util.ts b/apps/server/src/collaboration/collaboration.util.ts index 7ee5ba4aa..ed182cf7f 100644 --- a/apps/server/src/collaboration/collaboration.util.ts +++ b/apps/server/src/collaboration/collaboration.util.ts @@ -50,7 +50,12 @@ import { Footnote, FootnoteReference, } from '@docmost/editor-ext'; -import { generateText, getSchema, JSONContent } from '@tiptap/core'; +import { + extensions as coreExtensions, + generateText, + getSchema, + JSONContent, +} from '@tiptap/core'; import { generateHTML, generateJSON } from '../common/helpers/prosemirror/html'; // @tiptap/html library works best for generating prosemirror json state but not HTML // see: https://github.com/ueberdosis/tiptap/issues/5352 @@ -61,6 +66,7 @@ import * as Y from 'yjs'; import { Logger } from '@nestjs/common'; export const tiptapExtensions = [ + coreExtensions.TextDirection.configure({ direction: 'auto' }), StarterKit.configure({ document: false, codeBlock: false,