Как сделать «Редактор документов Ckeditor-5» отключенным или только для чтения - PullRequest
0 голосов
/ 25 февраля 2019

Я использую редактор документов CKeditor5 вactjs.И я хочу сделать его отключенным или только для чтения.Я посылаю параметр в конфиге, но не работает.

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

1 Ответ

0 голосов
/ 25 февраля 2019

Хорошо, я думаю, что нашел то, что вы ищете:

Здесь у вас есть описание свойств компонента.На последнем вы можете увидеть «отключено»

Так что ваш код будет выглядеть примерно так:

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

...