Javascript 在文本区域内显示MathML符号
我正在构建一个HTML文件中的数学文本编辑器。我的目标是允许用户在文本区域中显示数字和MathML符号，但完全不需要使用物理键盘。在页面底部，我有一个模拟键盘，由带有数字和算术符号的按钮组成。当用户单击这些按钮时，相应的数字或符号将出现在文本区域内。到目前为止，我可以将其用于数字，但不能用于MathML符号。有没有办法让这些符号显示在文本区域内 为了便于理解，以下是一个由其中一个按钮调用的函数，用于将数字1插入文本区域：Javascript 在文本区域内显示MathML符号,javascript,textarea,symbols,mathml,Javascript,Textarea,Symbols,Mathml,我正在构建一个HTML文件中的数学文本编辑器。我的目标是允许用户在文本区域中显示数字和MathML符号，但完全不需要使用物理键盘。在页面底部，我有一个模拟键盘，由带有数字和算术符号的按钮组成。当用户单击这些按钮时，相应的数字或符号将出现在文本区域内。到目前为止，我可以将其用于数字，但不能用于MathML符号。有没有办法让这些符号显示在文本区域内 为了便于理解，以下是一个由其中一个按钮调用的函数，用于将数字1插入文本区域： function insertOne(mctextarea,oneText
function insertOne(mctextarea,oneText='1'){
document.getElementById('mctextarea').value += oneText;
}
function insertSqrt(mctextarea,sqrt=<math xmlns="http://www.w3.org/1998/Math/MathML" display="inline"><mrow><msqrt>x</msqrt></mrow></math>){
document.getElementById('mctextarea').value += sqrt;
}
function insertOne(mctextarea,oneText='1'){
document.getElementById('mctextarea').value += oneText;
}
function insertSqrt(mctextarea,sqrt=<math xmlns="http://www.w3.org/1998/Math/MathML" display="inline"><mrow><msqrt>x</msqrt></mrow></math>){
document.getElementById('mctextarea').value += sqrt;
}
函数insertSqrt（mctextarea，sqrt=x）{
document.getElementById（'mctextarea'）。value+=sqrt；
}
请注意，我现在只使用Javascript大约3周了，所以我仍在学习诀窍。：） 文本区域内的html/xml标记是不可以的，请看——它为您可以使用的其他方法提供了一些好主意 另外，javascript不允许像上面那样的默认参数，请参阅。您还需要将xml字符串放在单引号内 您可能需要做的是让按钮将MathJax标记插入文本区域。然后，您将有另一个函数获取此文本，并将其呈现在单独的div中
因此，您有可编辑的textarea和一个显示结果的预览div，与Stack Overflow上的textareas非常相似。Ben，我对stackoverflow.com非常陌生，因此我无法发布此代码呈现的图片。我正在使用开源MathJax.js以HTML格式呈现数学函数。你可以在网站上找到更好的例子 PS：我仍在学习如何正确格式化答案；）
代码示例：
<!DOCTYPE html>
<html lang="en" >
<head>
<title></title>
<meta charset="UTF-8" />
</head>
<body>
<p>Have you seen MathJax.js at www.mathjax.org</p>
<p>$$
\large
\begin{align*}
& J(\theta) = \dfrac{1}{m} \sum_{i=1}^m Cost((h_
\theta(x^{(i)}),y^{(i)}) \newline
& Cost((h_\theta(x),y) = -log(h_\theta(x)) \; & \text{if y = 1}\newline
& Cost((h_\theta(x),y) = -log(1-h_\theta(x)) \; & \text{if y = 0}\end{align*}
$$
</p>
<script type='text/javascript' src='http://cdn.mathjax.org/mathjax/late/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
</body>
</html>
你在www.MathJax.org上看过MathJax.js吗
$$
\大的
\开始{align*；}
&；J（\theta）=\dfrac{1}{m}\sum_；{i=1}^m成本（（h_；
\θ（x^{（i）}），y^{（i）}）\newline
&；Cost（（h_；\theta（x），y）=-log（h_；\theta（x））\&；\text{if y=1}\newline
&；Cost（（h_；\theta（x），y）=-log（1-h_；\theta（x））\&；\text{if y=0}\end{align*；}
$$
脚本中的URL404