Kind Editor 编辑器指定初始化模块

最新推荐文章于 2023-05-19 10:41:33 发布

uymcdfex

最新推荐文章于 2023-05-19 10:41:33 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/u013948190/article/details/46829111

版权

本文介绍了如何使用KindEditor编辑器指定初始化模块，展示如何通过设置items参数来选择需要的功能，如预览、打印、剪切、粘贴等，以实现编辑器的定制化需求。

摘要由CSDN通过智能技术生成

KindEditor 编辑器指定初始化模块、

有时候，我们不需要那么多功能。因此，我们就可以通过指定某些功能模块进行显示。

案例代码如下：

 
  var editor;  
         KindEditor.ready(function(K) {  
             var editor = K.create('textarea[name="Description"]', {  
                 uploadJson : '<%=basePath%>kingedit/imageUpload',  
                 items : [  
                     'source', 'undo', 'redo', 'preview', 'print', 'cut', 'copy','paste','wordpaste', 'fullscreen', 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',  
                     'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',  
                     'insertunorderedlist', '|', 'emoticons', 'image', 'link', 'table', 'baidumap']  
             });  
         });  
 

items参数如下,

data-name 参数名

title 是功能模块备注

 
  <span class="ke-outline" data-name="source" title="HTML代码" unselectable="on"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-source" unselectable="on"></span></span><span class="ke-inline-block ke-separator"></span><span class="ke-outline" data-name="undo" title="后退(Ctrl+Z)" unselectable="on"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-undo" unselectable="on"></span></span><span class="ke-outline" data-name="redo" title="前进(Ctrl+Y)" unselectable="on"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-redo" unselectable="on"></span></span><span class="ke-inline-block ke-separator"></span><span class="ke-outline" data-name="preview" title="预览" unselectable="on"><span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-preview" unselectab