我在Reactjs中使用了CKEditor5,我想在没有编辑的情况下添加链接,实际上我只想看到创建气球一次,然后在创建时单击该链接,没有“editi”气球,就可以指向特定的目标。这有可能吗?还是我必须用css和js代码来处理它?
发布于 2020-08-10 07:36:48
几天后,我找到了一个解决方案,我希望它对其他我添加了内容的人是有用的:链接属性中的‘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
}, () => {
})
}}
/>https://stackoverflow.com/questions/63298587
复制相似问题