01.问题提出

众所周知,TinyMCE是国际上知名的WYSIWYG编辑器,相信在kindeditor、ueditor停止更新了很长时间的今天,不少人都开始转用了TinyMCE作主要的文章编辑器

但是。。。TinyMCE编辑器没有公式编辑功能!!

02.问题现状

先百度一下TinyMCE+公式编辑器,可以看到目前可供使用的有以下三种:

(1)使用MathJAX插件

可以看到,这种方式对不熟悉Latex的人很不友善,直接pass

(2)使用wiris的MathType插件

这种方式的最大缺点是wiris服务器在国外,光加载出来至少耗费5分钟时间,毫无用户体验可言,直接pass

(3)在tinymce中嵌入ueditor

能想出这方法的绝对是个人才!!TinyMCE里头套ueditor再套kityformula-editor,搁这儿玩套娃呢!(禁止套娃)

03.问题解决

废话不说直接coding。。。效果很好,双击就能二次编辑公式,嵌入完美!

其中公式的识别是通过正则匹配来识别下面的代码来实现的

        <img src="{{生成的base64地址}}" data-latex="{{生成的latex代码}}">

04.其他

使用时把压缩包解压到plugins文件夹下,然后在init的中进行如下配置即可使用