渲染Katex公司数学在浏览器

我使用KaTeX呈现在浏览器中的数学。渲染Katex公司数学在浏览器

现在我使用类似

document.getElementById('el').innerHTML = function() { 
    const span = document.createElement('span'); 
    katex.render('2+\frac{1}{x}', span); 
    return span.innerHTML; 
});

，但它似乎很愚蠢，我必须把它应用到一个元素，然后从这个元素采取的HTML和我的字符串插入。

我已经通过Katex公司的文件看，但我无法找到任何东西来帮助我只是直接渲染一些文本浏览器的东西，如katex.render('2+3+4')。

来源

2016-10-10 Jamgreen

的可能的复制https://stackoverflow.com/questions/39930756 /渲染-TEX与 - Katex公司或 - mathjax – v7d8dpo4

为什么不能简单地'katex.render（ '2 + \\压裂{1} {X}'，的document.getElementById（ 'EL'））;'？ – MvG

使用Katex公司的auto-render extension，这将让你用分隔符一次直接添加Katex公司到HTML像$$然后渲染了一切：

<!doctype html> 
<html> 
<head> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/contrib/auto-render.min.js"></script> 
</head> 
<body> 
    <div id="el"><span>$$2+\frac{1}{x}$$</span></div> 
    <script> 
     renderMathInElement(document.body); 
    </script> 
</body> 
</html>

来源

2017-07-25 10:49:45 Vincent

渲染Katex公司数学在浏览器

回答

相关问题