Telegraph API列表格式异常：Python发布文章时ol/ul标签跨浏览器兼容问题

解决方案 #

这个问题是Telegraph官方的默认样式规则导致的：桌面端全局样式默认关闭了<ul>、<ol>的列表标记显示，仅在移动端适配的媒体查询规则中恢复了列表样式，所以才会出现两端渲染不一致的情况。除了硬编码行号外，还有两种更简便的解决方案：

• 方案1：给列表标签加内联样式强制覆盖默认规则
  直接在你传入的<ol>、<ul>标签上添加基础列表样式，Telegraph不会过滤这类基础样式属性，修改后的HTML内容示例如下：

<ol style="list-style: decimal inside; padding-left: 1.5em; margin: 1em 0;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
<ul style="list-style: disc inside; padding-left: 1.5em; margin: 1em 0;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

这种方案的好处是不需要修改原有列表的结构，后续调整列表项也不用手动修改前缀，完全保留原生列表的语义。

• 方案2：手动模拟列表样式
  如果担心部分样式被过滤，可以直接在每个列表项前手动加对应的标记，用缩进区分层级，示例如下：

<p>1. Coffee</p>
<p style="padding-left: 1.5em;">2. Tea</p>
<p style="padding-left: 1.5em;">3. Milk</p>

<p>• Coffee</p>
<p style="padding-left: 1.5em;">• Tea</p>
<p style="padding-left: 1.5em;">• Milk</p>

这种方案兼容性最高，不会出现样式被过滤的问题，仅适合固定内容的列表场景。

你可以根据自己的内容更新频率、列表长度选择合适的方案，两种都可以实现多端渲染效果一致。

内容的提问来源于stack exchange，提问作者Юлія Завальнюк