如何在 TYPO3 CKEditor 中实现单行换行(避免段落间距过大)

在 typo3 ckeditor 中,按 enter 默认生成新段落(即插入 `

` 标签),浏览器对 `

` 元素默认应用上下外边距(如 `margin: 1em 0`),因此看起来像“空了一行”,实际是两个段落间的垂直间距。若你仅需在同一段落内换行(例如地址、诗歌、表单提示等场景),应使用 **shift + enter** —— 此操作将插入 `
` 换行标签,不产生额外段落间距。

正确操作对比:

  • Enter → 插入

    ...

    → 行间有较大空白(段落级换行)
  • Shift + Enter → 插入
    → 紧密换行(行内级换行)

? 注意事项:

  • 此行为由 CKEditor 默认配置 enterMode 和 shiftEnterMode 控制(默认值为 ENTER_P 和 ENTER_BR),TYPO3 通常保留此标准设置,因此无需额外配置即可使用;
  • 若发现 Shift + Enter 无效,请检查是否启用了自定义 CKEditor 配置(如 AdditionalConfiguration.php 或 YAML 配置中误改了 shiftEnterMode);
  • 在前端渲染时,确保 CSS 未对
    进行异常重置(极少见),正常情况下
    不带间距。

? 小技巧:
可在编辑器工具栏中留意「行内换行」的视觉提示(部分皮肤会显示类似 ↵ 图标),或通过右键菜单选择「插入换行符」(部分版本支持)。但最高效、跨版本兼容的方式始终是 Shift + Enter。

掌握这一快捷键,可显著提升内容排版精度,尤其适用于新闻摘要、产品参数、联系信息等需紧凑行距的场景。