vue 中如何用 katex 解析用 latex 编写的数学公式

A-fish

于 2020-07-21 10:19:44 发布

阅读量2.8k

点赞数

分类专栏： latex数学公式

本文链接：https://blog.csdn.net/sally18/article/details/107482115

版权

本文介绍了在Vue项目中如何利用KaTeX来解析LaTeX编写的数学公式，包括引入CDN、基本配置、解决公式包围字符问题以及在各个Vue页面中的应用和样式统一调整。

摘要由CSDN通过智能技术生成

一, 在index.html中引入官方自带的 CDN 的简单配置.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1-beta/dist/katex.min.css">
<script src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js"></script>

二，

其中前两个是 KaTeX 的基本配置,第三个是自动加载的插件. 不过之后遇到的 KaTeX 的唯一问题是默认所有公式无论是行间公式还是行内公式都要写在左右各两个美元符号内. 这和其他 LateX, MathJax 的习惯不一致. 所以我还是去看了一下设置, 其实在配置delimiters 中修改.

封装 js