Link 在 ckeditor5 中没有编辑气球

Question

我使用了 CKEditor5 和 Reactjs，我想添加 link 而不编辑，我实际上想看到一次创建气球，它是在创建时然后单击 link，而不单击 'editi balloon'，以定向到特定目标。这是可能的还是我必须用 css 和 js 代码来处理它？

Answer 1

几天后我找到了解决办法，希望对其他人有用我在 Link 的属性中添加了 contenteditable:'false' 并且我的问题已经解决当link不可编辑时，不显示气球

 <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
                }, () => {
                   
                })
              }}
            />

Link 在 ckeditor5 中没有编辑气球

Link without edit balloon in ckeditor5

javascript

css

reactjs

ckeditor5

ckeditor5-react