分享你我的心得.
共乘一片美好网络.

ewebeditor加了一个插入运行代码按钮

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加了一个插入运行代码按钮
赞(0)
未经允许不得转载:小叶白龙博客 » ewebeditor加了一个插入运行代码按钮
分享到: 更多 (0)

评论 1323

评论前必须登录!