TYPO3 12 CKEditor:如何移除描述列表中的多余p标签?
解决CKEditor描述列表自动生成多余
标签的问题
一、无需自定义插件移除多余
标签的方法
直接调整YAML配置,明确允许<dt>和<dd>直接包含文本节点,限制自动段落生成逻辑:
editor: config: htmlSupport: allow: [ { name: 'dl', classes: [ 'col' ] }, { name: 'dt', children: '#text' }, { name: 'dd', children: '#text' } ] # 可选:全局禁用自动段落生成(若不影响其他内容编辑) autoParagraph: false # 或设置回车插入换行而非段落 enterMode: 2 shiftEnterMode: 1
如果全局关闭autoParagraph影响其他内容,还可以补充配置限制<p>标签的父元素范围,排除<dt>和<dd>:
// 若支持自定义JS配置 config.paragraph = { allowedParents: [ 'body', 'div', 'section' ] // 不包含dt、dd };
二、CKEditor 4描述列表插件的替代方案
在TYPO3的CKEditor 5环境中,有这些替代方案:
- 用TYPO3内置扩展:升级
typo3/cms-rte-ckeditor到最新版本,该扩展已集成描述列表支持,只需在RTE配置里启用List插件的描述列表功能,就能可视化编辑描述列表。 - 手动集成官方插件:直接使用CKEditor 5的
@ckeditor/ckeditor5-list插件,配置时在config.plugins里添加'DescriptionList',工具栏中加入'descriptionList'按钮即可。 - 社区扩展:前往TYPO3扩展市场搜索描述列表相关第三方扩展,直接安装启用即可使用。
内容的提问来源于stack exchange,提问作者m4a
相关产品推荐
相关产品推荐

