mathjax - 通过 Mathjax 渲染字符串

Question

我有一个文本区域，我希望用户在其中输入数学表达式。我不想立即呈现任何结果，就像它在 SO 上一样。
像这样的东西:

<div id="preview"></div>

function onkeyup(event) {
    var prev = document.getElementById("preview");
    Using just a HTML string:
    prev.innerHTML = MathJax.renderString(this.value);

    ... or get DOM object tree instead:
    //Remove previous children
    prev.innerHTML = "";
    //Append new DOM tree
    var tree = MathJax.createDOM(this.value);
    prev.appendChild(tree);
}

这可能吗？或者我是否必须将 this.value 放入某个 div 元素中，然后让 MathJax 解析该元素？ (那是愚蠢的)

Answer 1

您尝试执行的任务已记录 here ，并且有一个活生生的例子 here .

基本上，方法就是使用

<div id="preview">\(\)</div>

然后排版预览。完成后，使用 getAllJax() 方法获取空数学元素 jax。类似的东西

var jax;
MathJax.Hub.Queue(
  ["Typeset",MathJax.Hub,"preview"],
  function () {jax = MathJax.Hub.getAllJax("preview")[0]}
);

然后使用元素 jax 的 Text() 方法来更改它显示的数学。

function onkeyup(event) {
  MathJax.Hub.Queue(["Text",jax,this.value]);
}