Сначала я получил js-скрипт для обновления div предварительного просмотра из виджета Pagedown textarea / Pagedown из Django-pagedown, с кодом ниже:
MathJax.Hub.Config({
tex2jax: { inlineMath: [['$', '$'], ["\\(", "\\)"]] }
});
var timeout;
$(function () {
function makePreview() {
input = $('#id_content').val().replace(/</g, "<").replace(/>/g, ">");
$('#id_content_wmd_preview').html(input);
MathJax.Hub.Queue(["Typeset", MathJax.Hub, "preview"]);
}
$('body').keyup(function () {
if (timeout) {
clearTimeout(timeout);
timeout = null;
}
timeout = setTimeout(makePreview, 400);
});
$('body').bind('updated', function () { makePreview() });
});
Но проблема в том, что когда этот скрипт обновляет div предварительного просмотра, он также обновляет и удаляет уценку? Если я постоянно печатаю, то уценка показывает правильно, но не mathjax. Если я перестану печатать, уценка не отображается, но mathjax показывает правильно?
Я знаю, что ответ здесь https://gist.github.com/gdalgas/a652bce3a173ddc59f66 но я не знаю, как это сделать. Похоже, мне нужно убрать и сохранить математику, а потом вернуть ее позже.