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