方法/步骤1首先我们需要kindeditor及其相关文件，这些文件可以去网上找，很容易找到。2下载完成后会看到很多文件，但是我们只需要其中的三个主要文件，如下图，把这三个文件拷贝到你的项目中，不要忘记jQuery文件。
3然后就是使用方法了，其实这个kindeditor就是把textare框美化了一下，添加了一些功能。
所以在html中，我们需要有一个textare框，给它一个id。4之后我们需要引入jQuery及kindeditor的js文件，其它的文件kindeditor会自动调用，不必手动引用。然后在js中写相关的语句就可以了，如下图：5kindeditor的长度和宽度都可以通过参数来设置，其中width来设置宽度，最好用百分数，height来设置高度。KindEditor.create('#editor_id',{allowImageUpload:false,resizeType : 1,width:"50%",height:"200px"});6除了用参数设置kindeditor大小之外，我们看html源码还可以看到kindeditor大小由class为ke-container和ke-container-default所在的div控制，所以我们可以给ke-container和ke-container-default设置一个宽度和高度，要确保其优先级最高，所以加！important。
kindeditor富文本编辑器怎么用
kindeditor富文本编辑器的使用方法如下：一、创建dynamic web project 项目名称test_kindeditor 下载kindeditor.zip并解压，将kindeditor文件夹拷贝到WebContent目录 拷贝WebContent/kindeditor/jsp/lib下的jar包到WebContent/WEB-INF/lib下 jar包包括：commons-fileupload.jar、commons-io.jar、json_simple.jar二、创建WebContent/index.jsp文件 将WebContent/kindeditor/jsp/demo.jsp内容拷贝进index.jsp三、修改js和css的引用路径，推荐使用相对路径。 添加java语句：<%String path = request.getContextPath(); %> path代表的就是项目根路径。
如何使用kindeditor插件
使用方法：把解压出来的 kindeditor 文件夹，放置到网站的根目录中；注意，为了实现视频显示页面位置不受限制同时不用改变视频调用代码，本插件文件引用均以相对跟目录的绝对路径，如果不放在根目录，对应路径需要全部修改，否则不能正常显示；建议不要改动;在发布文集页面调用已加入视频播放器插件的kindeditor，调用方法参照http://www.kindsoft.net/docs/usage.html 中的说明。如果自定义配置了辑器的工具栏的情况下，请务必在 items 加入 'insertfile'，位置无要求;如：items : ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste','plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright','justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript','superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/','formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold','italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage','flash', 'media','insertVideo', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak','anchor', 'link', 'unlink', '|', 'about'],对于通过插件工具栏按钮插入生成的代码不要改动，均有其作用的;在显示文集页面调用视频播放器ckplayer;<script charset="utf-8" src="/kindeditor/plugins/insertVideo/ckplayer/ckplayer.js"></script>完成以上步骤即可，使用本插件。
kindeditor 怎么获取内容
给你个完整的例子<html><head><link rel="stylesheet" href="kindeditor/themes/default/default.css" /><script charset="utf-8" src="kindeditor/kindeditor-min.js"></script><script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script><jsp:include page="top.jsp" flush="true"/><script language="JavaScript" type="text/javascript">var editor;KindEditor.ready(function(K) {editor = K.create('textarea[name="content"]', {resizeType : 1,allowPreviewEmoticons : false,items : ['undo','redo','|','formatblock','fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline','strikethrough','removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist','insertunorderedlist','insertorderedlist','insertunorderedlist', '|', 'emoticons', 'image', 'link','table','hr','preview'],});}); function save(){//取得HTML内容?//同步数据后可以直接取得textarea的value?editor.sync();html=document.getElementById('addeditor_id').value;//原生API$("#schtmlnr").val(html);//把KindEditor产生的html代码放到schtmlnr里面，用于提交}</head><body><form><textarea id="addeditor_id" name="content" style="width:100%;height:200px;border: 0 none;visibility:hidden;"></textarea><textarea rows="" cols="" name="schtmlnr" id="schtmlnr" style="display:none;"></textarea><input type="button" value="提交" onclick="save()"/><form></body></html>
