最近工作中遇到页面要展示特殊字符,原本项目使用的是疾控自定义的字体,然后在页面上引入该字体就可以展示自定义的特殊字符,但是该字体由疾控设计,后续项目修改为使用latex公式来展示特殊字符。

web页面展示公式(MathJax)

页面展示使用的主要是MathJax:官网github地址

基本使用就是按照文档来的,先引入相关js:

<script id="MathJax-script" async src="static/mathJax/tex-mml-chtml.js"></script>

然后设定特殊字符的格式

// 这里使用了两个特殊的字符«»,正常情况是两个$符号,表示公式的开始和结束
MathJax = {
    tex: {
        inlineMath: [['«', '»'], ['\\(', '\\)']]
    },
    svg: {
        fontCache: 'global'
    }
};

然后页面上就能正常渲染出公式了。

如果页面是动态展示的那就调用MathJax.typeset();来再次渲染。

更多使用方法可以参考文档。

word文档展示公式(poi-tl-ext)

word生成使用的是poi-tl,它有一个插件可以实现在word中渲染公式,github地址:https://github.com/draco1023/poi-tl-ext

具体可以修改LaTeXRenderPolicy类来实现公式的生成。

标签: 开发问题解决记录, Web

添加新评论