如何使"Ckeditor-5 \f25 document editor-5\f6“-5\f6禁用或禁用-5\f25 readOnly -5\f6

Question

我在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,
                        }
                      }
                    />

Answer 1

好的，我想我找到你要找的东西了：

Here您有零部件特性的说明。在最后一个上，你可以看到"disabled“

所以你的代码应该是这样的：

<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。