javascript - 使用 MathJax 获取 MathML 代码-6ren

javascript - 使用 MathJax 获取 MathML 代码

转载作者：行者123 更新时间：2023-11-30 12:16:39

24

4

我构建了一个表单来编写 LaTeX 表达式并使用 MathJax 呈现它们。为了加速MathML 代码的复制，我编写了一个脚本，在另一个文本区域中显示MathML 代码，如您can see here .

这是我的代码:

<!doctype html>
<html>
<head>
<title>LaTeX para Word</title>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  showProcessingMessages: false,
  tex2jax: {
    inlineMath: [
      ['$','$'],
      [ '\\(', '\\)' ]
    ]
  },
  extensions: ['toMathML.js']
});

var math = null;
MathJax.Hub.queue.Push(function () {
  math = MathJax.Hub.getAllJax('MathOutput') [0];
});

window.UpdateMath = function (TeX) {
  MathJax.Hub.queue.Push(['Text', math, '\\displaystyle{' + TeX + '}']);
  document.getElementById('output').value = '<?xml version="1.0"?>' + math.root.toMathML("");
};

function selectTextarea(element) {
  var text = document.getElementById(element).select();
}
</script>
<script type="text/javascript" src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&locale=pt-br"></script>
</head>
<body>

<textarea id="MathInput" cols="60" rows="10" onkeyup="UpdateMath(this.value)"></textarea>

<div id="MathOutput">
$${}$$
</div>
<hr>
<br>
<textarea id="output" cols="60" rows="10" readonly="readonly"></textarea>
<br>
<button onclick="selectTextarea('output')">Selecionar código</button>
<script src="main.js"></script>
</body>
</html>

问题是当我更快地键入公式时，最后一个字符没有显示在 MathML 代码中。有时，我必须在公式末尾添加一个空格才能获得正确的 MathML 代码。谁能给我一些提示来解决这个问题？

最佳答案

问题是您将异步 调用与同步 调用混合在一起。 Queue 工作异步，所以当你调用它时:

MathJax.Hub.queue.Push(['Text', math, '\\displaystyle{' + TeX + '}']);

它不会等到实际渲染完成才转到下一行。所以这个调用在完成之前就被执行了:

document.getElementById('output').value = '<?xml version="1.0"?>' + math.root.toMathML("");

解决该问题的一种方法是将输出更新也加入队列，您可以通过创建另一个函数来处理输出并在渲染后将其排队，这样它只会在渲染完成时执行.例如:

window.updateMathMl = function (math) {
    document.getElementById('output').value = '<?xml version="1.0"?>' + math.root.toMathML("");
};

window.UpdateMath = function (TeX) {
    MathJax.Hub.queue.Push(['Text', math, '\\displaystyle{' + TeX + '}'], [updateMathMl, math]);
};

https://jsfiddle.net/ew6vsqy8/1/

关于javascript - 使用 MathJax 获取 MathML 代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32278601/

24

4

0

文章推荐： javascript - 更好的编程实践 : more functions vs multi-use functions

文章推荐： javascript - 菜单图标切换问题 JQuery

文章推荐： javascript - 如何通过单击其 div 从 p 获取文本？

文章推荐： Javascript:使用正则表达式查找匹配字符串中的数字

mathjax - Mathjax 中的换行符
在 Mathjax 中，如何将其写为由第二个 = 分隔的双行? 这是 Mathjax 代码: $= 2[2W(k-2) + (k-1)2^{k-1}] + k2^k= 2^2W(k-2)+(k-1)2
mathjax - MathJax 中的双括号
如何使用 TeX 在 MathJax 中实现弹性双括号？例如， TeX 包 stmaryrd 有这个，但 MathJax 不支持任意包的导入。我希望双括号在所有尺寸下都好看。奖励:这在 Ascii
mathjax - 如何使用 Mathjax 使符号组加粗
我希望能够通过在某种粗体命令中将几个符号分组来使它们变粗。我可以使用(例如)将单个符号加粗 \boldsymbol \phi 但我希望能够加粗几个符号，例如: {\boldsymbol \phi \v
mathjax - 在 Mathjax 中编写下标？
我想输入这个。我试过这样 $$\lambda=\frac{0.693}{t_\frac{1}{2}}$$ 还， $$\lambda=\frac{0.693}{{t}_\frac{1}{2}}$$ 还
mathjax - 如何在 Mathjax 中围绕文本编写圆圈
下图来自 Chiswell 和 Hodges 数学逻辑练习，第 21 页: 当我在 Mathematics Stack Exchange 上发布答案时，我想显示类似的内容，但我不知道如何在 Mathj
mathjax - 如何更改 MathJax 的字体
我无法让 MathJax 更改它用于呈现以 AsciiMath 编写的公式的字体。我已经在 StackOverflow 和网络上的其他地方阅读了类似问题的答案: Styling MathJax Cha
mathjax - 如何左对齐 Mathjax 元素
Mathjax 元素默认居中对齐。如何使 Mathjax 元素左对齐？最佳答案 MathJax.Hub.Config({ jax: ["input/TeX","output/HTML-CS
mathjax - 通过 Mathjax 渲染字符串
我有一个文本区域，我希望用户在其中输入数学表达式。我不想立即呈现任何结果，就像它在 SO 上一样。像这样的东西: function onkeyup(event) { var prev =
mathjax - 延迟 MathJax 处理特定元素
我有一个包含简单文本的网站，其中混合了最初仅可见标题的部分。单击标题可展开该部分。此页面的所有部分都可以包含我希望使用 MathJax 很好地排版的数学，但这些部分可能很长并且包含大量数学。我想推迟
mathjax - 在语句的同一行显示 MathJax 表达式
查看代码片段 What will be the output of $${x^2}$$ 这会在一行上显示字符串“What will be the output of”，并在第二行上显示表达式如何让
mathjax - 你如何在 mathjax 中将矩阵与负号对齐？
如果你只是使用这样的东西: \( \left[ \begin{matrix} 0 & 1 & 5 & 2 \\ 1 & -7
mathjax - 在 MathJax 中对齐多个方程
有没有办法使用 MathJax 对齐多个方程，使赤道彼此位于下方？ For example: 2x - 4 = 6 2x = 10 x = 5 最佳答案使用 aligned环
mathjax - 文本溢出 :ellipsis with MathJax?
是否有可能让 text-overflow:ellipsis 与 MathJax 一起工作？这是一个(非工作)示例(on JSFiddle) HTML: \[ \text{2014-01-05}
mathjax - 为什么 MathJax.js 生成的 svg 与 MathJax-node 生成的 svg 不同
我正在编写一个将 html 保存到 onenote 的网络应用程序。为了保存数学公式，我打算用MathJax.js把数学公式转成svg，然后再把svg转成png，因为onenote api支持的htm
mathjax - 在 MathJax 等浏览器中使用 TikZ
我猜这之前已经在一个线程中完成了，但我只花了两个小时阅读各种线程并且无法解决一个非常基本的问题。长话短说: 我正在尝试在网络浏览器中为家庭作业生成器创建动态方程/图表。到目前为止，我一直在使用 Ma
mathjax - 如何在 MathJax 配置文件中使用 DeclareMathOperator？
我想在我的本地 Mathjax 配置文件中声明一些数学运算符，以便我可以在每个页面中使用它们。我发现我可以按照 MathJax 文档 Defining TeX macros 中的描述定义命令. 但是
mathjax - MathJax 的 SVG 输出
我有一个基本的 MathJax代码 MathJax.Hub.Config({ extensions: ["tex2jax.js", "TeX/AMSmath.js"], ja
mathjax - 在批处理脚本中从 MathJax 代码生成 HTML
我知道如何使用 MathJax 将网页中的 TeX 命令转换为数学公式。 MathJax 脚本将在页面中搜索 TeX 命令并将它们内联转换为 HTML 语句。有没有办法以预处理的形式来做到这一点？换
mathjax - 使用 Ascii 代码的 MathJax 中的排列和组合方法
nCr 和 nPr 需要一个置换和组合 mathJaX 符号最佳答案你可以用这个: nCk => {}_n \mathrm{ C }_k nPk => {}_n \mathrm{ P }_k 关于
mathjax - 我们可以从 MathJax 获得 MathML 输出吗
我想知道是否有办法转换 MathJax输出到 MathML . 我读了几篇文章说MathJax支持 MathML .我还可以看到选项“Show MathML” ' 当我右键单击 MathJax 时公式

首页

博学

6Ren·AI

商城

javascript - 使用 MathJax 获取 MathML 代码