自定义kindeditor编辑器的工具栏

2023-10-02 20:51:38浏览:72
有两种方法可以自定义kindeditor富文本编辑器的工具栏内容。
一、修改引用的js文件。
在使用kindeditor插件的时候,注释掉js文件中不需要的功能。

二、修改页面的加载方法。
在引用kindeditor富文本编辑器时候,对编辑器加载的内容进行修改。
window.editor = K.create('#editor',{  
  cssPath : '/editor/plugins/code/prettify.css',
  items:[
     'undo', 'redo', '|', 'plainpaste', 'wordpaste', 'clearhtml', '|', 'justifyleft', 'justifycenter', 'justifyright'
    , '|', 'fontsize', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'removeformat', '|', 'image'
    , 'insertfile', '|', 'link', 'unlink', '|', 'code'
  ],
source:可以切换编辑器的编辑模式进入源代码HTML查看模式;
undo:后退,也就是我们常用的CTRL+Z快捷键功能;
redo:前进,也就是我们常用的CTRL+Y快捷键功能;
preview:预览,点击可以提前预览编辑器内的内容所展示的效果。
print:打印编辑器内的内容。
template:可以插入编辑器内的模板窗体;
code:可以插入代码段;
cut:剪切;
copy:复制,如同CTRL+C;
paste:粘贴,如同CTRL+V;
plainpaste:粘贴为无格式文本,主要是用于比如想赋值其他有HTML格式的纯文本进入编辑器,可以先在这里面进行HTML标签的过滤;
wordpaste:从WORD内粘贴;
justifyleft:选中文本居左;
justifycenter:选中文本居中;
justifyright:选中文本居右;
justifyfull:两端对齐;
insertorderedlist:编号(1、2、3);
insertunorderedlist:项目符号;
indent:增加缩进;
outdent:减少缩进;
subscript:下标;如同:X2
superscript:上标;如同:X2
clearhtml:清除HTML标签;
quickformat:快速排版;
selectall:全选;
fullscreen:全屏;
formatblock:段落;
fontname:字体;
fontsize:文字大小;
forecolor:文字颜色;
hilitecolor:文字背景色;
bold:文字加粗;
italic:文字斜体;
underline:给文字追加下划线;
strikethrough:给文字追加删除线;
lineheight:调整行距;
removeformat:删除选中段的格式;
image:单个上传图片;
multiimage:批量上传图片;
flash:插入flash;
media:插入音视频文件;
insertfile:插入文件;
table:插入表格;
hr:插入横线;
emoticons:插入表情;
baidumap:插入地图;
pagebreak:插入分页符;
anchor:插入锚点;
link:插入超链接;
unlink:取消超级链接;一般和link配合出现;
about:关于kindeditor编辑器的信息;