如何移除CKEditor 5中的自动段落(<p>标签)?已尝试相关配置仍未解决
解决CKEditor 5自动段落包裹问题
我懂你要的效果——输入纯文本后,不想被自动套上<p>标签,之前的配置没起作用确实头疼!问题出在你用了CKEditor 5已经淘汰的配置项,而且单纯关autoParagraph还不够,得调整其他细节:
为什么之前的配置无效?
CKEditor 5彻底移除了enterMode这个老版本的配置参数,所以你设置enterMode: 2完全不会生效。另外,即使打开了autoParagraph: false,编辑器默认的回车键行为还是会创建段落,可能让你误以为自动包裹还在工作。
正确的配置方案
下面是经过验证的代码,能实现你要的效果:
ClassicEditor.create(document.querySelector("#editor"), { // 核心:禁用自动段落包裹 autoParagraph: false, // 调整回车键行为:插入<br>而非段落 enterCommand: { mode: 'br' }, // 可选:移除工具栏里的段落格式按钮,避免误操作 toolbar: ['bold', 'italic', 'link', 'undo', 'redo'] }) .then((newEditor) => { editor = newEditor; }) .catch((error) => { console.error(error); });
额外排查点
如果还是出现自动包裹的情况,检查是否有Autoformat插件在偷偷格式化内容——可以尝试在插件列表里排除它:
ClassicEditor.create(document.querySelector("#editor"), { autoParagraph: false, enterCommand: { mode: 'br' }, // 只加载需要的插件,排除Autoformat plugins: ['Bold', 'Italic', 'Link', 'Enter', 'Undo', 'Redo'], toolbar: ['bold', 'italic', 'link', 'undo', 'redo'] })
现在你输入"this is body"后,调用editor.getData()得到的就是纯文本内容,不会被<p>标签包裹啦!
内容的提问来源于stack exchange,提问作者Suman Saurabh
相关产品推荐
相关产品推荐

