首先打开kindeditor.js文件

items : [
'source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', '|', 'selectall', '-',
'title', 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold',
'italic', 'underline', 'strikethrough', 'removeformat', '|', 'image',
'flash', 'media', 'advtable', 'hr', 'emoticons', 'link', 'unlink', '|', 'about'
],


修改:


items : [
'source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', '|', 'selectall', '-',
'title', 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold',
'italic', 'underline', 'strikethrough', 'removeformat', '|', 'image',
'flash', 'media', 'advtable', 'hr', 'emoticons', 'link', 'unlink', '|','page', '|', 'about'
],

找到:


KE.lang = {
source : 'HTML代码',。。。。

加入:


page : '插入分页',

[newcdoe title="找到"]KE.plugin['hr'] = {
click : function(id) {
KE.util.selection(id);
KE.util.insertHtml(id, '


');
KE.util.focus(id);
}
};

KE.plugin['print'] = {
click : function(id) {
KE.util.selection(id);
KE.g[id].iframeWin.print();
}
};[/newcode]

插入

KE.plugin['page'] = {
click : function(id) {
KE.util.selection(id);
KE.util.insertHtml(id, '[PageNext]');
KE.util.focus(id);
}
};

至此kindeditor.js文件修改完毕,下面我们来让按钮出现。。。

打开目录下skins文件夹下面的default.css样式表文件

.ke-icon-about {
background-position: 0px -672px;
width: 16px;
height: 16px;
}
.ke-icon-plainpaste {
background-position: 0px -704px;
width: 16px;
height: 16px;
}

修改
.ke-icon-page {
background-position: 0px -896px;
width: 16px;
height: 16px;
}

标题

这个CSS规则只是调用了一张背景图片然后让它做偏移,图片的位置在skins/default/下,文件名为default.gif这个图片里有很多默认没有用到的按钮,我只是选择了一个,大家可以自由发挥呵呵

现在大家可以去刷新下看看,按钮是不是已经出来了

目前有1条回应
Comment
Trackback
  • 本篇文章没有Trackback
你好,欢迎光临!