如何在Strapi CMS中为带子项的列表实现换行？

问题说明 #

使用Strapi富内容编辑器编辑条款、隐私页面时，带编号子项的嵌套列表（如1.2、1.3这类条目）无法正常换行，所有文本挤在同一行。具体表现：

• 编辑器界面中嵌套列表显示正常
• 前端预览时子条目文本全部堆叠在一行
• 手动编写Markdown格式的嵌套列表，预览后仍出现同样问题

解决步骤 #

• 规范Markdown缩进格式
  Strapi编辑器对嵌套列表的缩进要求严格，子项必须使用4个连续空格或1个制表符缩进，禁止混合使用空格和制表符。正确格式示例：

  1. 主条款1
      1.2 子条款1.2
      1.3 子条款1.3
  2. 主条款2
  

• 切换编辑模式修正
  从可视化编辑器切换到纯Markdown编辑模式，手动调整列表结构后再预览。可视化编辑器的自动格式化功能可能破坏嵌套层级，纯手动编写能避免这类问题。

• 升级编辑器插件
  检查@strapi/plugin-content-manager插件版本，旧版本存在嵌套列表渲染Bug。执行以下命令升级：

  npm update @strapi/plugin-content-manager
  

• 添加自定义CSS修复渲染样式
  若前端渲染样式导致文本不换行，在项目全局CSS中添加以下规则：

  .strapi-rich-text ol li, .strapi-rich-text ul li {
      white-space: normal !important;
      margin-bottom: 0.5rem;
  }
  

内容的提问来源于stack exchange，提问作者DevOverflow