为博客新增在线公式编辑器

作者: 云中布衣   分类:  学习笔记    热度: (327℃)   时间: 2017-11-4 23:17   标签: #工具分享  #建站技术    

最近准备写一波深度学习系列学习笔记,但是繁多的数学公式编辑一直是网站的一个软肋。刚刚花了些时间,研究了下如何为网站增加数学公式编辑器。先自行搜索了一波自带数学公式的文本编辑器,后来发现直接替换博客文本编辑器比较麻烦,就转而研究第三方插件,于是就找到了CODECOGS这个网站,他们是专门做在线编辑器的,感兴趣的同学可以去了解下。

CODECOGS中有一个Equation Edtior产品,很好的解决了在线公式编辑的问题。它有两个版本Standalone EditorIntegrated Editor

按照官方的描述,Standalone Edito版本适合第三方扩展,而Integrated Editor版本则是集成在现有的文本编辑器中,比如CK Editor、Tiny MCE。我选择了Standalone版本,并将它集成到了博客现有的文本编辑中,方法如下:

<html>
<head>
<script type="text/javascript" src="http://latex.codecogs.com/editor3.js"></script>
</head>
<body>
<p><a href="javascript:OpenLatexEditor('testbox','html','')">
Launch CodeCogs Equation Editor
</a></p>
<textarea id="testbox" rows="3" cols="40"></textarea>
</body>
</html>

其中OpenLatexEditor的函数格式为:OpenLatexEditor (target, type, language, inline, latex, design)

target:定义公式输出的inputboxid号

type:定义公式的输出格式,可以选择的type值有latex、doxygen、phpBB、tw、html、pre.

language:定义使用的语言

inline[true|false](optional):是否预选inline选项

latex(optional)

design(optional)

更多详细的信息可以参考官网介绍:http://www.codecogs.com/latex/quick-install.php

下图是公式编辑界面:

2017-11-04_23-19-13.jpg

先试试用它编辑出的第一个简单的数学公式:

除了编辑数学公式以外,它还可以编辑化学方程式:

此外矩阵行列式、微积分什么的也不在话下,功能非常的强大。

如你所见这个第三方插件非常的6,既可以用来编辑数学公式,包括矩阵行列式,微积分等等,也可以用来编辑化学方程式,还有很多功能等待我们去发现。感谢CODECOGS的工作,这个简直是个神器用来撰写带公式的博客,特在这里分享给大家。

最后给一个内嵌在本站的在线公式编辑器小工具,方便平时使用:http://www.mryu.top/apps/ee.html

(完)

56.8K

评论:

云中布衣 Say:
@夏日博客 不写一些偏理论的文章确实用不着,23333

2017-11-06 16:20


夏日博客 Say:
囧,基本上用不到这种公式。

2017-11-06 13:49


发表评论:

© 云中布衣 2015 | Driven by EMLOG  | SiteMap | RunTime: 8.49ms RSS  |   | 回到顶部

文章数量【230】 评论数量【156】 稳定运行【1030天】

Visitor IP Address【23.20.240.193】