数学公式与图表组件上线:KaTeX 公式渲染 + 四种 SVG 图表
作者 易企微 · 发布时间:2026-09-24 · 更新时间:2026-09-24
一句话结论:接入 KaTeX:$...$、$$...$$、\( \)、\[ \] 公式直接渲染;新增 chart 图表组件:柱状、折线、饼状、散点四种图,配色自动跟随主题,内置 6 套预设。
KaTeX 数学公式渲染
编辑器接入 KaTeX,以下写法都会在预览区直接渲染成印刷级公式:
- 行内公式:
$公式$或\(公式\); - 块级公式(独立成行居中):
$$公式$$或\[公式\],支持跨行书写。
教育、科普类公众号写函数、方程式再也不用贴截图了。
chart 图表组件
新增 <chart> 图表组件,一行标签生成数据图:
<chart type="bar" labels="Q1,Q2,Q3,Q4" values="30,50,20,80" title="季度销售额" unit="万元"></chart>
- 四种类型:
bar柱状图、line折线图、pie饼状图、scatter散点图; - 常用属性:labels(横轴/分类)、values(数值)、title(标题)、unit(单位)等;
- 主题配色:图表颜色自动跟随当前模板主题色,也可用 colors 属性自定义;
- 组件面板内置 6 套预设模板,点一下即可插入再改数据。
常见问题
Q: 公式复制到公众号还能显示吗?
A: 公式以渲染后的样式复制进公众号编辑器,按样式呈现,无需读者安装任何插件。
Q: 图表是图片还是代码?
A: 图表以纯 SVG/HTML 方式渲染,复制后保留矢量样式,清晰度不受影响。
Q: 图表颜色可以自定义吗?
A: 默认自动跟随当前模板主题色;需要指定时在 chart 标签的 colors 属性里填写颜色即可。
更多功能说明见图文编辑器Markdown版功能介绍,其他更新见更新日志。


