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

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

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

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

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

editor.cmd.do('insertHTML','<img src="https://math.now.sh?from='+editor.selection.getSelectionText()+'" alt="[API公式]" style="vertical-align: middle;" data-w-e="1">');

 实现效果如下:

1. 先输入latex公式

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

3.生成html代码

 4. 在wangEditor中的效果

5.在u-parser中的效果

 

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/boophan/article/details/119087500