前提・実現したいこと
mathjax,CodeMirrorを使用してリアルタイムプレビューを作成しています。
発生している問題・エラーメッセージ
CodeMirrorで作成したエディタに入力したmathjaxの命令に対してJavaScriptのkeyupイベントがうまく作動してくれません。任意のキーを素早く2回押すことでうまくコンパイルされます。
該当のソースコード
html
1<script> 2 var preview = document.getElementById("livepreview"); 3 var liveeditor = document.getElementById('liveeditor'); 4 var editor = 5 CodeMirror.fromTextArea(liveeditor, { 6 mode: "stex", 7 lineNumbers: true 8 }); 9 10 $(document).ready(function () { 11 editor.on('keyup', function () { 12 mathval = editor.getValue().replace(/</g, "<").replace(/>/g, ">"); 13 MathJax.Hub.Queue(["Typeset",MathJax.Hub,preview]); 14 $(preview).html(mathval); 15 }); 16 }); 17</script>
補足情報(FW/ツールのバージョンなど)
mathjax:2.7.7
jquery:3.0.0
codemirror
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。