javascript - javascriptは数学のテキストをラテックス/グラフィックに変換します

Question

このテキストを変換できるプラグインを見つけようとしています

1*2^3 + 0*2^2 + 1*2^1 = 1 + 0 + 3 = 5

ラテックスに変換するので、より読みやすく、ユーザーフレンドリーになります

構文に簡単な変更を加える必要があるかどうかは気にしません...

Answer 1

非常に基本的なマークアップのみが必要な場合は、正規表現が最適です。

次の例では、それぞれを中央のドット・に置き換え、*HTMLマークアップ（<sup>）を追加してこれらの指数を作成します。もちろん、これは拡張可能な非常に単純な例です。

<span class="math">1*2^3 + 0*2^2 + 1*2^1 = 1 + 0 + 3 = 5</span>
<script>
    (function(){
        function convert(str) {
            str = str.replace(/\*/g, "&#183;");
            str = str.replace(/\^(.)\s/g, "<sup>$1</sup> ");
            return str;
        };

        var math = document.getElementsByClassName("math");
        for (var i = 0, l = math.length; i < l; ++i) {
            math[i].innerHTML = convert(math[i].innerHTML);
        }
    })();
</script>

デモ（JSFiddle）

ただし、@ Mathiasが示唆しているように、より複雑な数学を表示したい場合は、 MathJaxを一見の価値があります。