TinyMCE - React Js 中文本方向自动更改为从右到左

Question

我在 React js 中使用 TinyMCE。但当我输入一些文本时，我遇到了问题，文本方向是 RTL。我想让它改变 LTR。

这是代码：

<Editor
                          onChange={this.handleEditorChange}
                          value={this.state.description}  
                          onInit={(evt, editor) =>
                            (this.editorRef.current = editor)
                          }
                          initialValue={this.state.description}
                          init={{
                            directionality: "ltr",
                            height: 500,
                            menubar: true,
                            plugins: [
                              "advlist autolink lists link image charmap print preview anchor",
                              "searchreplace visualblocks code fullscreen",
                              "insertdatetime media table paste code help wordcount",
                            ],
                            toolbar:
                              "undo redo | formatselect | " +
                              "bold italic backcolor | alignleft aligncenter " +
                              "alignright alignjustify | bullist numlist outdent indent | " +
                              "removeformat | image | | help",
                            content_style:
                              "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }",
                          }}
                        />

Answer 1

@Armaan 给出的答案实际上是正确的。 在这里找到详细的解决方案：https://stackoverflow.com/a/67686888/13198347

复制答案如下：

下面的答案也对我有用，去了项目github但没有发现任何错误，所以现在提交一个，https://github.com/tinymce/tinymce-react/issues/267

这是 TinyMCE 关于如何解决此问题的实际答案：

更改此行：

initialValue={blogContent}

到

value={blogContent}

initialValue 属性只能设置一次。当编辑器发生变化时，它会重置编辑器，包括光标位置。

Answer 2

改变：

initialValue={this.state.description}

到

value={this.state.description}

Answer 3

这实际上解决了我的问题

而不是->initialValue={this.state.description}

使用->值={this.state.description}