mathml公式转为latex公式的前端插件

傷城~ 2022-12-14 13:50 285阅读 0赞

下载插件[https://github.com/mika-cn/mathml2latex][https_github.com_mika-cn_mathml2latex]

*  从上面地址中clone下项目来
 *  npm install npm run build
 *  将生成到dist下面的mathml2latex-browser.js放到自己的项目中(直接在index.html中通过script引入)

或者你不想这个麻烦的三步，可以直接下载mathml2latex-browser.js在这里[https://download.csdn.net/download/qq\_33769914/12922197][https_download.csdn.net_download_qq_33769914_12922197]

然后在你的页面引入

使用MathML2LaTeX.convert

const mathmlHtml = '<math display="block"><mfrac><mi>a</mi><mi>b</mi></mfrac></math>';
    const latex = MathML2LaTeX.convert(mathmlHtml); // => \frac{a}{b}

我的项目里是一个img的图片。他是这样的

我们需要把他的data-mathml转化为latex，然后给他加个data-latex的属性存在这里就行了。

function mathmlTolatex()\{

var mathimg=document.getElementById("preview\_div").innerHTML;//这个是图片的html

var content=mathimg.replace(/data-mathml="(.\*?)"/g, function($0, $1) \{

var mathML = $1.replace(/&laquo;/g, '<').replace(/&raquo;/g, '>').replace(/&uml;/g, '"')

var latex = window.MathML2LaTeX.convert(mathML)

return  \`$\{$0\} data-latex='$\{latex\}'\`

\})

return content;

[https_github.com_mika-cn_mathml2latex]: https://github.com/mika-cn/mathml2latex
[https_download.csdn.net_download_qq_33769914_12922197]: https://download.csdn.net/download/qq_33769914/12922197