Question

我正在尝试自动预览数学方程式。基本上，用户会在文本框中输入一个方程式，它会显示在下方，所有这些都是在LaTEX中用mathjax进行的。我用这个例子作为模型 http://www.w3schools.com/ajax/ajax_aspphp.asp

因为我在显示它之前从php调用python脚本来修改用户输入。问题是，它不适合我。它不显示，而是显示原始TEX（例如$ x ^ 2 $）。

我已经看到了mathjax帮助页面，我把代码行放在我的底部，但它仍然没有渲染，就像它在这里：http://jsfiddle.net/Zky72/2/。

我看到了这个问题Rendering user input from dynamically created textarea using MathJax（看起来很相似），但他模糊地回答了他自己的问题。

这是我的代码：

脚本：

function showHint(str)
{
if (str.length==0)
{ 
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","preview.php?text="+str,true);
xmlhttp.send();

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

HTML：

<form> 
    Preview: <input type="text" onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>

长话短裤，我可以调用python就好了，我可以刷新mathjax就好了，只是没有在一起。在此先感谢您的帮助。我用这么多资源问这个具体的问题我感觉很糟糕，但是我一直在撞墙挡了一会儿。

Answer 1

你正在做异步错误。在发送请求后，请勿在您的函数末尾添加MathJax.Hub.Queue调用;在收到响应并更新文本框的内容后，将其置于成功回调的最后。这样，MathJax实际上会有渲染的东西。

Answer 2

您是否尝试\(而不是$？只是一个疯狂的猜测。

动态渲染mathjax（ajax / php）

2 个答案: