[本文禁止转载 ]
ckeditor3.2.1
自定义对话框+自定义工具按钮,增加数学公式(与webEq的结合)
关键字:ckeditor,webeq,自定义按钮
说明:给ckeditor增加一个按钮,可以在弹出的对话框中输入webeq的数学公式并且插入到当前编辑器中
版本:webeq3.7+ ckeditor3.2.1
测试环境:IE8,IE6.0正常
fireFox3.5下公式显示不出来(哪位达人解决此问题,请email告之,谢谢)
有幸要用编辑器并且要求可以插入公式,就琢磨了琢磨,旧版的Fckeditor是指望不上了,代码完全不一样。
下面我把经过简明扼要地叙述一下,和大家一起分享,也算是抛砖引玉吧。
步骤:
----------------------------------------------------------
打开ckeditor目录 plugins,新建立一个math目录
里面的文件是:
blank.html//空白
math.html//对话框里iframe里调用的的主文件
plugin.js//插件加载的脚本,主要是创建公式输入对话框以及插入新公式到editor中的脚本
打开images目录,将一个显示按钮的图标math.gif(1kb,17*14大小)放入。
[本文禁止转载]
以下为实现代码(部分代码略去)
---------math.html-------
------------plugin.js--------------------------
给config.js配置公式按钮
config.toolbar=[[ ...... ['Maximize','ShowBlocks','-','About'],['EMath']]; //EMath即是公式
效果图
作者:iuprg,drs163@163.com
[本文禁止转载]