compare 对比组件升级:无序列表正常显示项目符号
作者 易企微 · 发布时间:2026-09-24 · 更新时间:2026-09-24
一句话结论:compare 对比组件左右栏里连续的「- 列表项」会合并渲染为真正的无序列表,自带圆点项目符号;图片行与普通文本行不受影响。
更新了什么
此前 compare 对比组件的左右栏会把每一行都当普通段落渲染,用 - 写的列表项不会出现项目符号,看起来像缺了圆点的正文。本次升级后:
- 左右栏内连续的列表行会合并渲染为真正的
<ul><li>无序列表,自带圆点项目符号; - 列表的字号、行高与栏内正文保持一致,缩进对齐;
- 图片行(
)与普通文本行的渲染逻辑保持不变。
怎么用
在 compare 组件的左栏或右栏里,直接用减号写列表即可:
<compare left-label="改前" left-title="旧版" right-label="改后" right-title="新版">
- 第一个对比点
- 第二个对比点
</compare>
左右栏各自独立解析,一侧是列表、另一侧是普通文字或图片也完全可以。
注意事项
- 列表项之间不要插入空行打断,连续书写才会合并成同一个列表;
- 本次升级针对无序列表(
-、*、+开头)。
常见问题
Q: 为什么我的对比组件列表还是没有圆点?
A: 请确认编辑器已更新到包含本次升级的版本,且列表行是连续书写的(中间没有被空行或普通文字打断)。
Q: 对比组件支持有序列表吗?
A: 本次升级支持的是无序列表(-、*、+ 开头)。需要表达先后顺序时,可以先用「1. 2. 3.」这类文字编号写在普通文本行里。
Q: 对比栏里还能放图片吗?
A: 可以。图片行的写法()不受本次改动影响,与列表混排也没有问题。
更多功能说明见图文编辑器Markdown版功能介绍,其他更新见更新日志。


