kindeditor富文本编辑

KindEditor富文本编辑器使用教程

最新推荐文章于 2025-07-06 12:20:01 发布

weixin_30832143

最新推荐文章于 2025-07-06 12:20:01 发布

阅读量59

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hnzkljq/p/10868980.html

kindeditor包下载地址：https://github.com/kindsoft/kindeditor/

<script src="${ctx}/javascripts/kindeditor/kindeditor-all-min.js" 
    type="text/javascript"></script>

<tr class="form_table">
          <th width="60">概述:</th>
          <td>
              <s:textarea key="demo" cssStyle="height:150px;" id="kindeditor"/> 
          </td>
 </tr>

var editor;
KindEditor.ready(function(K) {
  editor = K.create('#kindeditor', {
  allowImageUpload: false, //上传图片框本地上传的功能，false为隐藏，默认为true
  allowImageRemote : false, //上传图片框网络图片的功能，false为隐藏，默认为true
  allowFileManager : false, //浏览图片空间
  width:"96%",
  //未设置items菜单，则加载全部菜单
  items:['undo', 'redo', 'cut', 'copy', 'justifyleft', 'justifycenter', 'justifyright','justifyfull', 'insertorderedlist', 'insertunorderedlist','formatblock', 'fontname', 'fontsize', 'forecolor', 'hilitecolor', 'bold','italic', 'underline', 'strikethrough', 'lineheight','hr', 'removeformat', 'image',  'table',  'emoticons', 'pagebreak', 'anchor', 'link', 'unlink', 'about','clearhtml'], 
  afterBlur: function(){this.sync()},
  afterChange : function() {  
  } 
  });
});