2015-08-27 11:04:54  浏览:1761

Mathtype

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

返回首页