gpt4 book ai didi

javascript - MathML 未呈现并显示在文本区域下方

转载 作者:可可西里 更新时间:2023-11-01 13:32:38 25 4
gpt4 key购买 nike

我有一个包含文本区域的页面。用户将在其中输入 mathML,当用户单击输出按钮时,MathML 应呈现并显示在文本区域下方。但是渲染没有发生。 Textarea 可能包含多个用于渲染的 mathml 代码。

下面是我用过的代码。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="file:/P:/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
</head>
<body>
<h3>MathML Previewer</h3>

Paste your MathML:<br>
<textarea id="myMath" style="resize: none; height:250px; width:850px">
</textarea>

<button type="button" onclick="myclear()">Reset</button>
<p>Click the button to get output</p>
<button type="button" onclick="myFunction()">Output</button>
<div id="demo">
</div>

</div>
<script>
function myFunction() {

var x = document.getElementById("myMath").value;
document.getElementById("demo").innerHTML = x;
}
</script>
<script>
function myclear() {
var x = document.getElementById("myMath").value =' ';
//document.getElementById("demo").innerHTML = x;

}
</script>

</body>
</html>

最佳答案

只要客户端脚本更改了页面,就不应期望 MathJax 处理该页面。要请求进行此类处理,请在执行更改的代码之后添加以下内容,即函数 myFunction 的末尾:

MathJax.Hub.Typeset();

更经济的做法是使用只处理单个元素的代码:

MathJax.Hub.Typeset("demo");

请参阅 MathJax 文档,页面 Modifying Math on the Page .

关于javascript - MathML 未呈现并显示在文本区域下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26086275/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com