日々の記録

ほどよく書いてきます。

MathJax

2024年04月20日 01時08分52秒 | プログラム

MathJaxというものがある。TeXで数式をキレイに書いてくれるものである。

MathJaxを読み込んで終わりではあまり面白くないので、tex形式で入力した式を書いてくれるグッズを作ってみた。ChatGPTで。

仕事でちょっとほしかったのだが、悩んでいてそうだ、こういうのこそChatGPTだとおもって作ってもらったらあっさりできた。

 

 

〜〜〜以下HTMLコード〜〜〜〜

<!DOCTYPE html>
<html>
<head>
    <title>MathJax TeX Test Page</title>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>
<body>
    <textarea id="math" rows="4" cols="50"></textarea>
   


    <button onclick="renderMath()">Render</button>

    <script>
        function renderMath() {
            var math = document.getElementById('math').value;
            var output = document.getElementById('output');
            output.innerHTML = '';
            MathJax.texReset();
            var options = MathJax.getMetricsFor(output);
            options.display = true;
            MathJax.tex2chtmlPromise(math, options).then(function (node) {
                output.appendChild(node);
                MathJax.startup.document.clear();
                MathJax.startup.document.updateDocument();
            });
        }
    </script>
</body>
</html>

コメント (2)    この記事についてブログを書く
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« 超硬合金 | トップ | 鉄の膨張 »

2 コメント

コメント日が  古い順  |   新しい順
Unknown (いち)
2024-04-21 15:30:48
理系の人はパソコンで数式書くのに苦労してるよね

ところでその積分式だけど、n=0からだとエラーにならない?
返信する
いけませんね (まこち)
2024-04-23 00:53:39
0はだめですね。完全に思考停止でした。
返信する

コメントを投稿

ブログ作成者から承認されるまでコメントは反映されません。

プログラム」カテゴリの最新記事