渲染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公司數學在瀏覽器

回答

相關問題