브라우저에서 수학을 렌더링하려면 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')과 같이 브라우저에서 일부 텍스트를 직접 렌더링하는 데 도움이되는 내용을 찾을 수 없습니다.
사용 KaTeX의 auto-render extension, 한 번에 모든 것을 $$ 같은 구분으로 HTML에 직접 KaTeX을 추가 한 다음 렌더링 할 것이다 :
<!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>
의 가능한 중복 https://stackoverflow.com/questions/39930756/render-tex-with-katex-or-mathjax – v7d8dpo4
간단히'katex.render ('2 + \\ frac {1} {x}', document.getElementById ('el')); – MvG