Ссылка без балуна редактирования в ckeditor5 - PullRequest
Новая
       132

Ссылка без балуна редактирования в ckeditor5

0 голосов
/ 07 августа 2020

Я использовал CKEditor5 с Reactjs, я хочу добавить ссылку без редактирования, я действительно хочу увидеть всплывающее окно создания один раз, и это во время создания. Затем, щелкнув ссылку, без всплывающего окна редактирования, быть направленным на конкретную цель c. возможно ли это, или я должен обработать это с кодом css и js?

1 Ответ

0 голосов
/ 10 августа 2020

Через несколько дней мне удалось найти решение, надеюсь, оно будет полезно для кого-то еще. Я добавил contenteditable: 'false' в атрибуты ссылки, и моя проблема решена. Когда ссылка недоступна для редактирования, она отображается без шаров 

 <CKEditor
            disabled={!this.state.isOrganizer}
              editor={ClassicEditor}
              data={this.state.Message}
              config={{
                toolbar: ['heading', '|', 'bold', 'italic', 'blockQuote', 'link', 'numberedList', 'bulletedList', 'imageUpload', 'insertTable',
                  'tableColumn', 'tableRow', 'mergeTableCells', 'mediaEmbed', '|', 'undo', 'redo'],
                language: 'de',
                link: {
                  decorators: {
                      addTargetToExternalLinks: {
                          mode: 'automatic',
                          callback: url => /^(https?:)?\/\//.test( url ),
                          attributes: {
                              target: '_blank',
                              rel: 'noopener noreferrer',
                              contenteditable:'false' //<=========== solution***
                          }
                      }
                  }
                }
              }}
              onChange={(event, editor) => {
                const data = editor.getData();
                this.setState({
                  Message: data
                }, () => {
                   
                })
              }}
            />
...