mathml - 显示数学方程

标签 mathml

我的浏览器 Firefox 3.6 似乎可以很好地显示 W3C 测试套件中的 Mathml 方程。但是,如果我将代码复制到我的网页中,例如 here ,所有 Firefox 生成的都是类似于 x y x y 的内容,而不是它如何正确呈现 W3C 页面。我在这里缺少什么>

编辑:我刚刚在 Chrome 中尝试过,但 Chrome 本身未通过测试,将其渲染为 x y x y。不用说,它使我自己网页中的数学结果相同。

编辑2:我在一个新的html文档上尝试过。不起作用:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
  </head>
  <body>
<math display="inline" xmlns="http://www.w3.org/1998/Math/MathML" mode="display">
  <mfrac>
    <mi>x</mi>
    <mi>y</mi>
  </mfrac>
    </math>
    <math display="block" xmlns="http://www.w3.org/1998/Math/MathML" mode="inline">
  <mfrac>
    <mi>x</mi>
    <mi>y</mi>
      </mfrac>
    </math>
  </body>
</html>

我发誓 W3C 方程渲染得很好......

最佳答案

包括

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=MML_HTMLorMML"></script>

然后使用

    <math xmlns="http://www.w3.org/1998/Math/MathML">
        <mroot>
            <mrow>
                <mi>x</mi>
            </mrow>
            <mn>4</mn>
        </mroot>
    </math>

适用于 Chrome 和 Firefox

更新:

由于 mathjax cdn 即将关闭,请更改

<script type="text/javascript" async
  src="https://cdn.mathjax.org/mathjax/2.7-latest/MathJax.js?...">
</script>

<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?...">
</script>

关于mathml - 显示数学方程,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4174277/

相关文章:

html - 如果从本地 js 文件加载或包含源代码,则 MathJax 不工作

css - 如果等式不适合宽度,如何换行?

javascript - 使用带有 MathML 输入和 CSS/HTML 渲染的 MathJax 显示带有文本输入的数学公式

r - 将 Mathematica 方程转换为 R 代码

java - 使用 JScience 解析 mathml 文档

html - 当 SVG 嵌入 HTML5 时,可以在 foreignObject 元素中呈现什么?

laravel - 如何在MathML中将Elasticsearch用于索引公式?

python - 使用 mathml 将 sympy 方程式输出到单词

python - python-mathdom 的替代品

javascript - 使用 MathJax 和 JQuery 插入 MathML