1、下载kindediotr富文本编辑器相关资料包(http://kindeditor.net/demo.php官方网站下载)
2.将下载文件拷贝到实际项目相应路径中(我放置的目录pulibc/static/admin/kindeditor)
3.在需要上传图片的.html文件引入kindeditor相关资源文件,我在添加文章页面引入相关资源。
文章内容
KindEditor.ready(function(K) {
var editor1 = K.create('textarea[name="content"]', {
cssPath : '__Admin__/kindeditor/plugins/code/prettify.css',
uploadJson : "{:url('tool/index')}",//本地图片上传
fileManagerJson : '__Admin__/kindeditor/php/file_manager_json.php',//图片空间管理
afterCreate : function() {
var self = this;
K.ctrl(document, 13, function() {
self.sync();
K('form[name=example]')[0].submit();
});
K.ctrl(self.edit.doc, 13, function() {
self.sync();
K('form[name=example]')[0].submit();
});
}
});
prettyPrint();
});
总结:通过以上配置,就能在我们的项目中使用kindeditor相关功能了。