首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ckeditor5中没有编辑气球的链接

问ckeditor5中没有编辑气球的链接
EN

Stack Overflow用户
提问于 2020-08-07 09:02:08
回答 1查看 141关注 0票数 0

我在Reactjs中使用了CKEditor5,我想在没有编辑的情况下添加链接,实际上我只想看到创建气球一次,然后在创建时单击该链接,没有“editi”气球,就可以指向特定的目标。这有可能吗?还是我必须用css和js代码来处理它?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-08-10 07:36:48

几天后,我找到了一个解决方案,我希望它对其他我添加了内容的人是有用的:链接属性中的‘false’,当链接不可编辑时,我的问题已经解决了,它没有气球显示。

代码语言:javascript
复制
 <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
                }, () => {
                   
                })
              }}
            />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63298587

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档