TinyMCE 在指定选择器（@tinymce/tinymce-react）后显示一个额外的文本区域

Question

我指定了一个 selector 指向 textarea 和 id=editable。但是编辑器正在 呈现一个额外的文本区域。

<div className="input has-content valid required redash-view">

  <textarea id='editable'></textarea>

  <Editor
    initialValue="<p>This is the initial content of the editor</p>"
    init={{
        selector: 'textarea#editable',
        height : "500px",
        plugins: 'link image code',
        toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code',
        resize: false
    }}
    onChange={this.handleEditorChange}
   />

</div>

我该怎么做才能解决这个问题？

PS：我正在使用：@tinymce/tinymce-react": "^3.2.0"

Answer 1

如果您使用 <Editor> 标签将 TinyMCE 注入您的页面，则不需要添加 <textarea>。 <Editor> 标签将为您处理所有这些。

TinyMCE 在指定选择器（@tinymce/tinymce-react）后显示一个额外的文本区域

TinyMCE showing one additional textarea after specifying selector ( @tinymce/tinymce-react )

tinymce

reactjs