近期有添加数学公式的需求，找来找去，最后还是选择了最简单的。tinymce+kityformula.

需求

老师有录入数学公式，并对公式进行再编辑的需求，最好是能直接从图识别。

查到的几个插件

首先，目前通用的公式语法 是 latex mathml ,相关的插件有 kityformula mathtype mathjax .

但是考虑到用户可能并不会这类语法，所以直接输入latex的就过滤掉了。最后只剩下kityformula 和 mathtype .

最开始直接上的mathtype，认为手写的功能还是很好的，本以为部署下就能使用了，却被CORB 给拦住了，怎么也没解决掉。

MathType

MathType 集成解决方案 MathType for Tinymce6

Kityformula

最终因为Mathtype的部署以及现有展示页面过多，再修改的话可能会比较麻烦，选择了kityformula ，直接使用图片展示，并再编辑。如果后期有时间的话，可以在这个的基础上增加latex进行展示。 参考 https://www.cienciasinseso.com/wp-content/plugins/equation-editor-pro/tinymce-formula/

下载

http://tinymce.ax-z.cn/more-plugins/kityformula-editor.php 或 https://minioapi.byyui.com:9999/soft/kityformula-editor.zip

使用

将文件下载解压，放在tinymce的plugins内，并在初始化的时候增加

plugins : ['kityformula-editor'],
toolbar : 'kityformula-editor'

kityformula 遇到的问题

参考:https://www.jianshu.com/p/80bfbfbc02a1

修改图标问题

由于直接到入后的按钮toolbar是文本，不太统一，需要修改为图片。在iconfont随便找个公式图片，复制下svg . 并在tinymce下的icon.min.js中将该图片增加并命名如:formula .

参考文章:

https://www.cnblogs.com/mqingqing123/p/12026817.html