MathType+ 输出网页
1:配置mathtype输出格式
a:页面直接解析
全选复制出来的代码:
\[\frac{{ - b \pm \sqrt {{b^2} - 4\sqrt {{a^2} + {b^2}} a\mathop {\lim }\limits_{x \to \infty } c} }}{{2\sum\limits_{i = 1}^n {X_i^2} a}}
\]
只要页面引用mathjax.js 就能解析,只是页面会闪一下,解决办法见最后
b:ckeditor 的mathjax插件
全选复制出来的代码:
\frac{{ - b \pm \sqrt {{b^2} - 4\sqrt {{a^2} + {b^2}} a\mathop {\lim }\limits_{x \to \infty } c} }}{{2\sum\limits_{i = 1}^n {X_i^2} a}}
2:网页配置解析js
config=TeX-AMS-MML_HTMLorMML 不能变
或者
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>直接引用这一句也行
去掉菜单
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
showMathMenu:false
});
</script>
<script type="text/javascript" src="MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
如果是Ajax动态加载数据,需要主动转换
MathJax.Hub.Queue(['Typeset', MathJax.Hub, this.buffer], function() {//执行完毕});
同步加载完成回调
<script type="text/javascript" src="/MathJax/MathJax.js"></script><script> MathJax.Hub.Queue(function () { // ... your startup commands here ...alert(“加载完成”); });</script>
http://docs.mathjax.org/en/latest/queues.html#using-queues
解决页面加载公式闪烁问题
(ckeditor 发布的内容,自带会生成 <span class=”math-text”>xxxxx</span>)
1:增加样式
.math-tex{background:url(/ckeditor45/plugins/mathjax/images/loader.gif) no-repeat;vertical-align: middle;margin-left:2px;width:12px;height:12px;display:inline-block;margin-right:2px;text-indent:-999em}
.math-tex.math-text-ed{background:0 0;display:inline;text-indent:0;padding-left: 2px;padding-right: 5px;}
当公式解析完成之前,页面显示loading图片
2:加入js,引入jQuery,mathjax
<script type="text/javascript">
//公式解析完成回调函数
MathJax.Hub.Queue(function () {
$(".math-tex").addClass("math-text-ed");
});
</script>
--------------------------------------------------------------------
MathType+ 配置
a:页面直接解析
全选复制出来的代码:
\[\frac{{ - b \pm \sqrt {{b^2} - 4\sqrt {{a^2} + {b^2}} a\mathop {\lim }\limits_{x \to \infty } c} }}{{2\sum\limits_{i = 1}^n {X_i^2} a}}
\]
不使用任何插件,直接插入到源码中
虽然在编辑器中是普通代码,但是页面上会自动转换为公式
b:ckeditor 的mathjax插件
全选复制出来的代码:
\frac{{ - b \pm \sqrt {{b^2} - 4\sqrt {{a^2} + {b^2}} a\mathop {\lim }\limits_{x \to \infty } c} }}{{2\sum\limits_{i = 1}^n {X_i^2} a}}
自动解析成公式格式,点确定即可插入到编辑器中
s \geqslant 2