You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.29 08:07:32