如何格式化Python后端传至前端HTML的字符串并保留预设格式

HTML默认的空白折叠规则会把纯文本中的换行符、制表符、连续多个空格全部合并为单个空格渲染，因此直接将带格式标记的纯字符串替换到标签位置时，预设的换行、缩进等格式会全部失效，该问题和后端字符串格式化逻辑没有直接关系。

根据排版复杂度需求选择对应方案即可：

• 基础排版（仅需换行、空格缩进）：用CSS规则原生保留文本格式
  给目标p标签添加如下CSS，无需对后端字符串做HTML标签转换，改造成本最低：

  #question {
    white-space: pre-wrap;
    text-align: center;
  }
  

  配置后后端直接返回带\n换行、空格缩进的原始字符串即可，前端通过textContent赋值替换内容，所有空白格式会按原文本展示，同时长文本会自动在容器边界换行，不会溢出。该方案全程操作纯文本，不存在XSS注入风险，安全性最高。

• 中度排版（需加粗、换行、自定义字体样式等）：后端预处理为合法HTML片段
  后端先对原始字符串做HTML特殊字符转义（规避XSS风险），再将文本中的格式标记替换为对应HTML标签，Python处理示例：

  from html import escape
  
  raw_content = "第一行正文\n  第二行缩进2字符的正文\n第三行需要加粗的重点内容"
  # 先转义原内容中的HTML敏感字符
  processed_content = escape(raw_content)
  # 替换格式标记为HTML标签
  processed_content = processed_content.replace("\n", "<br>")
  processed_content = processed_content.replace("  ", "&nbsp;&nbsp;")
  # 其余格式（加粗、字体颜色等）按相同规则替换为对应HTML标签即可
  

  前端替换内容时不要使用textContent赋值，改用innerHTML插入处理后的字符串：

  document.getElementById("question").innerHTML = 后端返回的处理后内容
  

• 复杂排版（需标题、列表、引用、链接等富文本效果）：用Markdown做格式中转
  后端直接返回Markdown格式的字符串，前端引入轻量Markdown解析库将Markdown转换为HTML片段后，通过innerHTML插入目标标签即可。

选择HTML插入类方案时，必须先对原始用户输入内容做HTML转义，再拼接自定义格式标签，避免恶意脚本注入引发安全问题。

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