0

我正在尝试对数学方程式进行自动预览。基本上,用户将在文本框中输入一个方程式,它会显示在下方,所有这些都在 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 dynamic 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,只是不能在一起。提前感谢您的帮助。用这么多资源问这样一个具体的问题我感觉很糟糕,但我一直在用头撞墙一段时间。

4

2 回答 2

2

你做错了异步。发送请求后,不要将MathJax.Hub.Queue调用放在函数的末尾;在收到响应并更新文本框的内容后,将其放在成功回调的末尾。那样的话,MathJax 实际上会有一些东西要渲染。

于 2013-06-09T22:16:04.393 回答
0

你试过\(代替$吗?只是一个疯狂的猜测。

于 2013-06-09T22:16:31.127 回答