Я реализую пользовательский интерфейс, который должен выглядеть примерно так, как на math.stackexchange.com:
- Использование причудливого Markdown, как вы привыкли на /qaru.site/...
- Разбор формулировок с использованием MathJax между
$
...$
-signs.
Итак, я загрузил демонстрацию PageDown и установил ее, что работает очень хорошо. Теперь я стараюсь, чтобы MathJax динамически загружался каждый раз при изменениях <textarea>
.
MathJax получил пример для этого подхода, но я не могу его запустить. Вот как выглядит мой код:
<link rel="stylesheet" type="text/css" href="demo.css" />
<script type="text/javascript" src="../../Markdown.Converter.js"></script>
<script type="text/javascript" src="../../Markdown.Sanitizer.js"></script>
<script type="text/javascript" src="../../Markdown.Editor.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [["$","$"],["\\(","\\)"]]
}
});
$("#wmd-input").keypress(function(event){
UpdateMath($(this).val());
});
</script>
<script type="text/javascript" src="../../../mathjax-MathJax-07669ac/MathJax.js?config=TeX-AMS_HTML-full">
</script>
</head>
<body>
<script>
(function () {
var QUEUE = MathJax.Hub.queue; // shorthand for the queue
var math = null; // the element jax for the math output.
QUEUE.Push(function () {
math = MathJax.Hub.getAllJax("#wmd-preview")[0];
});
window.UpdateMath = function (TeX) {
QUEUE.Push(["Text",math,"\\displaystyle{"+TeX+"}"]);
}
})();
</script>
<div class="wmd-panel">
<div id="wmd-button-bar"></div>
<textarea class="wmd-input" id="wmd-input" value=""/>
</textarea>
</div>
<div id="wmd-preview" class="wmd-panel wmd-preview"></div>
<br /> <br />
<script type="text/javascript">(function () {
var converter1 = Markdown.getSanitizingConverter();
var editor1 = new Markdown.Editor(converter1);
editor1.run();
})();
</script>
</body>
Этот фрагмент должен обновлять предварительный просмотр каждый раз при запуске события keypress
. Вместо этого на странице onload tex отображается отлично, но как только я начинаю вводить код $
... $
, печатается в окне предварительного просмотра.