TinyMCE 5：禁用编辑器但允许复制文本

Question

如何禁用编辑器但允许用户复制文本？

当我将 disabled 设置为 true 时，现在可以 select 并复制文本。

<Editor disabled={true} />

Answer 1

这不是 TinyMCE 的只读模式的工作方式 - 在那种模式下，编辑器是真正只读的，不允许您 select 编辑器中的文本。如果您想要不同的行为，您需要通过他们的 GitHub 问题跟踪器向 TinyMCE 开发人员提出建议：

https://github.com/tinymce/tinymce/issues

Answer 2

我找到了解决办法。

只需将contenteditable属性设置为false即可（可以删除内容）。

// do not use this solution!
<Editor 
  init={{
    init_instance_callback: editor => {
      editor.getBody().setAttrib('contenteditable', false);
    }
  }}
/>

更新：

<Editor 
  init={{
    init_instance_callback: editor => {
      editor.setMode('readonly');
    }
  }}
/>

TinyMCE 5：禁用编辑器但允许复制文本

TinyMCE 5: Disabled editor but allow to copy text

javascript

tinymce

tinymce-plugins