wangeditor扩展:借用API实现latex的公式渲染

用图片来渲染公式,公式不能再编辑,有时候会显得不方便

uniapp的uparser又不识别latex公式,扩展uparser也不容易。

所以考虑用latax api来利用网上的latex服务实现latex渲染

方法是加一个菜单,例如Latex,实现把选中的公式添加以下内容:

editor.cmd.do('insertHTML','[API公式]');

 实现效果如下:

1. 先输入latex公式

2.选中公式,点击菜单Latex 

3.生成html代码

 4. 在wangEditor中的效果

5.在u-parser中的效果

 wangeditor扩展:借用API实现latex的公式渲染_第1张图片

 【注释】:本方法使用了网上的API, 能提供该API服务的网站有多个,如

  • https://math.now.sh  (今天2022年9月9日 发现这个网站好像失效了
  •  https://latex.codecogs.com  ( 今天2022年9月9日这个还可以用,例如:https://latex.codecogs.com/svg.image?\frac{1}{2} )

【附录】如果不熟悉latex公式方法,可借用网上的可视化编辑器,推荐:

LaTeX在线:吴文中数学公式编辑器

我在wangEditor使用的公式编辑器,能生成公式的图像,同时也会保留公式在data中,也可以使用

【评论】这种方法要随时调用网络API, 显示速度受到网速影响,其实也有问题,最后的部署自己的Latex API服务器。 

你可能感兴趣的:(odoo二次开发,wangeditor自定义,uni-app,odoo)