TinyMCE показывает одну дополнительную текстовую область после указания селектора (@ tinymce / tinymce-реагировать)

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> будет обрабатывать все это для вас.