tinymce+ formula 公式处理记录

tinymce+ formula 公式处理记录

月光魔力鸭

2023-05-22 11:43 阅读 703 喜欢 0

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

需求

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

查到的几个插件

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

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

最开始直接上的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.phphttps://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

转载请注明出处: https://chrunlee.cn/article/tiny-mce-formula.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
本篇文章以一个实际的小项目为主题进行从头到尾的讲解实现,该项目总计开发时长约6小时,主要是有很多页面或功能都是现成的,直接复制过来的,剩下的就调整下样式、字段内容等。
最开始其实只是网站的一个小改版,导致的需要发送邮件的功能,本身功能不复杂,不做工具的话,几行代码应该就可以搞定的.. 不过后来想想,这个功能应该还是有一定的小需求的,就做成了工具。
上一章,我们学习和了解了websocket 是什么以及初始搭建,接下来,我们继续了解,如何进行广播以及对应的私聊呢。
上一张中已经完成了比较简易的3D全景浏览,但是...这是写死在xml中的,对于我们实际的项目,这种情况是不可能适应的。所以,来了解下如何动态加载xml已经设置对应的热点。
很久之前学习chrome扩展插件的时候已经做过一个了,好久没咋用,最近又跑了一个存储服务,准备在配合这个服务做个图床,以后就用这个了,之前的服务器到期忘了迁移数据都没了,这次换了服务器,在家里了,估计以后不会再做了吧,这个算是最后一个了,有啥问题就在这个进行优化了。
最近有系统需要知道性能瓶颈,尝试使用jmeter对重要接口进行并发测试,确定能否支撑一定的用户数量。
接下来,我们综合上面的配置,再加一个选项页面配置,做一个天气预报的小栗子。
写到这里,基本上就完成了我之前一篇文章中写的,我要做一个自己的图床的小程序了。在最初我要做图床的时候,发现在谷歌扩展程序上一无所知,所以才开始学习的这个,到这一步,至少能勉强能跑通自己的小程序了。