ewebeditor添加按钮
1.在数据库中添加一条按钮的相关配置
数据库的字段和其它的一样就行:
B_Code:按钮的代码,随便取
B_Title:鼠标滑过提示
B_Image:按钮的图标,放在ButtonImage\standard文件夹下
B_Event:insert(‘nextpage’)//这个地方的nextpage和Editor.js中的case "nextpage"对应
B_Class:Btn,跟其它的一样就行
B_Order:这个按钮的位置排序
2.copy一个样式,因为默认的不能保存设置
在设置工具栏的时候就会在左边框中多出一个按钮的选项来
向右添加保存后,预览一下吧,发现了那个新添加的按钮了吧。此时的按钮只是出来了,但不具备功能
3.需在Editor.js文件中找到“插入特殊对象”这个函数,然后加上你自己的代码
case "nextpage":
insertHTML("{nextpage}");
break;
注意,更改过数据库中的按钮的相关信息后,要重新设置工具栏下的此按钮才有效
再添加了一个运行代码框的按钮
就是这么简单,我们可以根据这个来DIY自己的编辑器了
ewebeditor加了一个插入运行代码按钮
评论前必须登录!
注册