用图片来渲染公式,公式不能再编辑,有时候会显得不方便
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服务的网站有多个,如
- https://math.now.sh (今天2022年9月9日 发现这个网站好像失效了
- https://latex.codecogs.com ( 今天2022年9月9日这个还可以用,例如:https://latex.codecogs.com/svg.image?\frac{1}{2} )
【附录】如果不熟悉latex公式方法,可借用网上的可视化编辑器,推荐:
我在wangEditor使用的公式编辑器,能生成公式的图像,同时也会保留公式在data中,也可以使用
【评论】这种方法要随时调用网络API, 显示速度受到网速影响,其实也有问题,最后的部署自己的Latex API服务器。