`

MathJax+MathML

 
阅读更多
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

<script src="http://cdn.mathjax.org/mathjax/1.1-latest/MathJax.js">
 MathJax.Hub.Config({
  config: ["MMLorHTML.js"],
  jax: ["input/MathML","output/HTML-CSS","output/NativeMML"],
  extensions: ["mml2jax.js","MathMenu.js","MathZoom.js"]
});
</script>

<script type="text/JavaScript">
var content = ["<math xmlns=\" http://www.w3.org/1998/Math/MathML\"> <mrow><mi>x</mi><mo>=</mo><mfrac><mrow><mo>&#x2212;</mo><mi>b</mi><mo>&#x00B1;</mo><msqrt><mrow><msup><mi>b</mi><mn>2</mn></msup><mo>&#x2212;</mo><mn>4</mn><mi>a</mi><mi>c</mi></mrow></msqrt></mrow><mrow><mn>2</mn><mi>a</mi></mrow></mfrac></mrow></math>",'<math xmlns="http://www.w3.org/1998/Math/MathML"> <mroot> <mrow><mn>2</mn></mrow> <mrow><mn>1</mn></mrow> </mroot></math>'];
var index = 0;
function a() {
	try {
	    var now=content[index];
	    if(index==0){	  
		  index=1;
		}else{
		  index=0
		}
		document.getElementById("test").innerHTML = now;
		UpdateMath("test");
	}
	catch (e) {
		alert(e.message);
	}
}		
</script>
<script>
(function () {
	window.UpdateMath = function (elementID) {
		MathJax.Hub.Queue(["Typeset", MathJax.Hub, elementID]);
	};
})();
</script>
	</head>
	<body>



		<input type="button" onclick="UpdateMath('MathOutput');"
			value="onclick"></input>

		<div id="MathOutput">
			<math xmlns="http://www.w3.org/1998/Math/MathML">
			<mroot>
			<mrow>
			<mn>
			2
			</mn>
			</mrow>
			<mrow>
			<mn>
			1
			</mn>
			</mrow>
			</mroot>
			</math>
		</div>

		<div id="test"></div>
		<input type=button name="a" value="click" onclick="a()" />

	</body>
</html>
 

 

分享到:
评论

相关推荐

    MathEditor:使用 MathJax 和 MathML 的可视化数学编辑器

    《MathEditor:基于MathJax和MathML的可视化数学编辑器深度解析》 在现代教育、科研和工程领域,表达复杂的数学公式与符号是必不可少的。MathEditor是一款强大的可视化数学编辑器,它巧妙地结合了MathJax和MathML两...

    latex2word:将Latex(MathJax)转换为MathML(数学标记),以导入到MS Word公式中(作为纯文本)

    `latex2word`是一个实用程序,旨在解决这个问题,将LaTeX或MathJax表达式转换为MathML(Mathematics Markup Language),这是一种XML语言,用于在网页和电子文档中表示数学公式。MathML被MS Word等软件支持,可以...

    MathML 与 Latex 互转

    MathML(Mathematical Markup Language)和LaTeX都是表示数学公式和符号的标准化语言,它们在Web开发和学术出版领域有着广泛的应用。MathML是一种XML(eXtensible Markup Language)标准,它允许网页和文档中精确地...

    latex2mathml:用于LaTeX到MathML转换的纯Python库

    latex2mathml 用于LaTeX到MathML转换的纯Python库执照 版 特拉维斯CI 覆盖范围 支持的版本 轮 状态 资料下载支持如果您喜欢latex2mathml或对您有用,请给我买latex2mathml咖啡来表示支持。安装pip install latex2...

    MathJax for SVG:MathJax对SVG文档中嵌入的MathML内容的支持-开源

    MathJax4SVG.js脚本在SVG文档中提供了对MathJax的支持。

    svg_mathjax2:在 SVG 中渲染 mathjax 文本

    SVG(MathML)与MathJax简介 SVG(MathML)与MathJax是处理数学公式和符号的两种重要技术。SVG(Scalable Vector Graphics)是一种基于XML的矢量图形格式,能够清晰地显示数学公式,而无需担心分辨率问题。MathML...

    MathJax插件

    MathJax是一款运行在浏览器中的开源的数学符号渲染引擎,使用MathJax可以方便的在浏览器中显示数学公式,不需要使用图片。目前,MathJax可以解析Latex、MathML和ASCIIMathML的标记语言。

    前端开源库-ascii2mathml

    4. **兼容性**:`Ascii2MathML`通常与现代浏览器兼容,但可能需要配合其他库(如`MathJax`)来确保在旧版浏览器中的良好显示。 5. **可扩展性**:由于其开源性质,开发者可以自定义和扩展这个库,以满足特定项目的...

    LaTeX2MathML-开源

    使用LaTeX2MathML时,需要注意的是,由于MathML不是所有浏览器都支持的特性,因此在部署时可能需要依赖JavaScript库如MathJax来实现跨浏览器兼容。此外,对于大型的LaTeX文档或大量公式,性能优化可能是个考虑因素,...

    MathJax-2.7.7.zip

    2. **MathML支持**:除了LaTeX,MathJax还支持W3C推荐的MathML标准,这是一个XML语言,用于结构化表示数学表达式。通过MathML,网页内容可以更加语义化,有利于无障碍阅读和自动化处理。 3. **ASCIIMathML支持**:...

    artclod-mathml:与 MathML 和 MathJax 相关的 javascript 代码

    "artclod-mathml" 是一个项目名称,暗示它与数学公式渲染有关,特别是与 MathML(Mathematical Markup Language)和 MathJax 这两个技术有关。MathML 是一种用于在网页中表示数学公式的XML语言,而 MathJax 是一个...

    uniapp中使用mathJax解析数学公式

    MathJax是一个强大的JavaScript库,它能够帮助我们在网页和应用程序中优雅地渲染LaTeX、MathML或ASCII数学公式。本文将详细介绍如何在uni-app中集成MathJax,以实现跨平台(App和H5)的数学公式解析。 1. **MathJax...

    MathJax-2.7.1+K12测试题库.zip

    这个版本的MathJax不仅支持LaTeX、MathML和 ASCIIMath等数学符号语言,还优化了渲染速度和用户体验。 MathJax的核心功能在于其转换机制,它可以将数学公式转化为高质量的SVG、HTML-CSS或图片格式,适应不同的浏览器...

    mathconverter:从AsciiMath,LaTeX,MathML转换为LaTeX,MathML

    AsciiMath,LaTeX和MathML方程的转换器从AsciiMath,LaTeX,MathML转换为LaTeX,MathML 利用MathMLCloud(用于MathML输出)和XSL转换(用于LaTeX输出)。 (可选的): virtualenv env. env/bin/activate 安装: pip...

    基于MathML的数学公式在线编辑与传输的研究.pdf

    4. **兼容性和跨平台**:为了确保在不同浏览器和操作系统上的兼容性,可能需要引入额外的库或插件,如MathJax,它可以跨浏览器渲染MathML。 5. **用户体验**:编辑器应提供直观的用户界面,包括快捷键、上下文菜单...

    mathml-aam:MathML的辅助功能API映射

    在实际应用中,开发者可以使用开源库如MathJax、KaTeX等,它们内置了对MathML AAM的支持,简化了开发过程。同时,结合Aria-label、Aria-describedby等属性,可以进一步增强MathML元素的无障碍描述。 总结起来,Math...

    mathJax 数学公式插件 本地引用

    它支持LaTeX、MathML和 ASCIIMath语法,能够将这些语法转换为清晰的矢量图形,确保在任何分辨率下都能保持良好的可读性。 在“mathJax 数学公式插件 本地引用”这个场景中,我们主要关注如何在本地环境中使用...

    php转换office word公式为mathml

    这些库提供了解析Word文档和提取公式的能力,虽然它们可能不直接支持OMML到MathML的转换,但可以通过它们提供的API获取公式内容,然后使用其他工具进行转换。 例如,使用`PHPWord`,我们可以这样读取公式: ```php...

    前端项目-mathjax.zip

    MathJax是一个强大的开源工具,专门用于在Web浏览器中展示数学公式和符号,支持各种数学排版语言,如LaTeX、MathML和 AsciiMath。它的存在极大地提升了网页中数学内容的可读性和专业性。 MathJax的核心功能在于其...

Global site tag (gtag.js) - Google Analytics