如何使“Ckeditor-5 文档编辑器”禁用或只读答案

【问题标题】：How to make "Ckeditor-5 document editor" disabled or readOnly如何使“Ckeditor-5 文档编辑器”禁用或只读
【发布时间】：2019-07-18 18:07:36
【问题描述】：

我在 reactjs 中使用 CKeditor5 文档编辑器。我想让它禁用或只读。我在配置中发送参数但不工作。

<CKEditor2
                      editor={DecoupledEditor}
                      data="<p>Hello from CKEditor 5!</p>"
                      onInit={editor => {
                        editor.ui.view.editable.element.parentElement.insertBefore(
                          editor.ui.view.toolbar.element,
                          editor.ui.view.editable.element
                        );
                      }}
                      config={
                        {
                          toolbar: ['bold', 'italic', 'bulletedList', '|', 'numberedList', 'alignment'],
                          removePlugins: ['Heading', 'Link'],
                          isReadOnly: true,
                        }
                      }
                    />

【问题讨论】：

这是您要找的吗？编辑：ckeditor.com/docs/ckeditor5/latest/api/… 这是给 ckeditor5
我不知道它在 ckeditor5 中是否重要，但在 4 中它必须是 '=' 而不是 ':' 否则它不会被接受。
@H.Figueiredo 我正在寻找相同但我不知道如何添加属性

标签： javascript reactjs ckeditor5

【解决方案1】：

好的，我想我找到了您要查找的内容：

Here你有组件属性的描述。在最后一个你可以看到“禁用”

所以你的代码看起来像这样：

<CKEditor2
                      editor={DecoupledEditor}
                      data="<p>Hello from CKEditor 5!</p>"
                      disabled=true
                      onInit={editor => {
                        editor.ui.view.editable.element.parentElement.insertBefore(
                          editor.ui.view.toolbar.element,
                          editor.ui.view.editable.element
                        );
                      }}
                      config={
                        {
                          toolbar: ['bold', 'italic', 'bulletedList', '|', 'numberedList', 'alignment'],
                          removePlugins: ['Heading', 'Link'],
                          isReadOnly: true,
                        }
                      }
 />

另外，我认为您的意思可能是 <CKEditor 而不是 <CKEditor2。

【讨论】：