2017-11-17 16 views
0

を出力するHTMLページにmathjaxコマンドであるjavascriptの変数を挿入する私はこれを配置するためにdocument.getElementById("input").innerHTML = inpt;を使用しているJSスクリプトでフォーマットされた数学

<input type="text" id="inputfunction" value=""> 
<button onclick="example">Example</button> 
<p id="input"></p> 

からの入力に依存JavaScriptで変数を持っていますページ上の変数。

変数は「3x + 8」と似ていますが、これをmathjaxでフォーマットしたいと思います。これを容易にするために、私は現在、html文書に

<head> 
     <link rel='stylesheet' type='text/css' href='Stylesheet1.css'/> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width"> 
     <script type="text/javascript" async 
       src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"> 
     </script> 
    </head> 

を持っていますが、これはフォーマットされた変数を出力しません。私はdocument.getElementById("input").innerHTML = \\(inpt\\);を使用しようとしたか、どちらかの側に$$を置いてみましたが、これはちょうど\(inpt\)または$$inpt$$としてページに置きます。 mathjaxが変数をフォーマットするようにする方法はありますか?

答えて

0

私は結局それを見つけたので、本当に簡単な修正でした。私は、関数の最後で

MathJax.Hub.Typeset();

を追加し、それがMathJaxは何かをフォーマットするために戻ってページの上に見えるのです。 MathJaxは、これはあなたがMathJaxページ停止を組版する前に他のすべてのプロセスを終了しているを確認します

MathJax.Hub.Queue(["Typeset",MathJax.Hub]);

を書くことができます引き起こす可能性のある問題に対抗するので、他のアクションを実行することができるので、どうやらあなたはかかわらず、これを直接呼び出すべきではありません同期エラー。

関連する問題