首页 > 代码库 > kindedtior编辑器的使用

kindedtior编辑器的使用

1、首先去官网下载最新版的kindeditor  http://kindeditor.net/index.php

2、下载完成后选择其中


3、新建一个web项目并且在WebRoot下新建kindedtor文件夹 并将上一步选中的文件复制到其中

4、将图片中的jsp文件夹也复制到WebRoot下并将其中的lib文件夹剪切替换WEB-INF下的lib

5、打开jsp文件夹中的demo.jsp修改其中引入kindeditor的路径修改如下

<link rel="stylesheet" href=http://www.mamicode.com/"../kindeditor/themes/default/default.css" />
<link rel="stylesheet" href=http://www.mamicode.com/"../kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src=http://www.mamicode.com/"../kindeditor/kindeditor.js"></script>
<script charset="utf-8" src=http://www.mamicode.com/"../kindeditor/lang/zh_CN.js"></script>
<script charset="utf-8" src=http://www.mamicode.com/"../kindeditor/plugins/code/prettify.js"></script>
<script>
KindEditor.ready(function(K) {
var editor1 = K.create(‘textarea[name="intro"]‘, {
cssPath : ‘../kindeditor/plugins/code/prettify.css‘,
uploadJson : ‘../jsp/upload_json.jsp‘,
fileManagerJson : ‘../jsp/file_manager_json.jsp‘,
allowFileManager : true,
afterCreate : function() {
var self = this;
K.ctrl(document, 13, function() {
self.sync();
document.forms[‘example‘].submit();
});
K.ctrl(self.edit.doc, 13, function() {
self.sync();
document.forms[‘example‘].submit();
});
}
});
prettyPrint();
});
</script>

6、查看

kindedtior编辑器的使用