如何在Typora的HTML标签（如Div）中编写LaTeX公式？

其实在Typora里实现这个需求超简单，毕竟它本身靠MathJax做实时渲染，只要让MathJax能“看到”HTML标签里的LaTeX语法就行，下面给你两种亲测有效的方案：

方案1：用MathJax标准分隔符包裹公式 #

不管是在<div>还是其他HTML标签里，直接用MathJax支持的行内/块级分隔符把LaTeX公式包起来，Typora会自动触发渲染。举个例子：

<div style="border:1px solid #ddd; padding:12px; border-radius:4px;">
  这是行内公式：\(E=mc^2\)
  <br>
  下面是块级公式：
  \[
  \sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}
  \]
</div>

只要你没手动关掉Typora的公式渲染功能（默认是开着的），写完切换到预览模式或者直接保存，就能看到渲染后的漂亮公式了。

方案2：给HTML元素加mathjax类强制识别 #

如果不想用分隔符包裹，直接在HTML标签里写LaTeX代码，可以给这个标签加上mathjax类，让Typora强制识别并渲染里面的内容。比如：

<div class="mathjax" style="background:#f5f5f5; padding:10px;">
  直接写行内公式：E=mc^2
  <br>
  多行积分公式：
  \int_{a}^{b} f(x) dx = F(b) - F(a)
</div>

不过这种方式要注意，里面的LaTeX语法得符合MathJax的规则，不然可能会出现渲染错误哦。

小提示 #

• 先确认Typora的设置：打开「偏好设置」→「Markdown」，确保「行内公式」和「MathJax公式」选项已勾选，默认是开启的，要是不小心关了就重新勾上。
• 如果碰到公式没渲染的情况，试试切换视图（从编辑模式切到预览模式再切回来），或者重启Typora，基本就能触发重新渲染了。

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