版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
首先我们先从官网下载最新的kindeditor压缩包
打开里面有我们需要用到的js和css样式等,打开如下所示
里面有asp、asp.net、jsp、php的上传方式和演示demo(不建议在生产环境使用演示demo)
首先修改HTML页面,在需要显示编辑器的位置添加textarea输入框。
<textarea id="editor_id" name="content" style="width:700px;height:300px;"></textarea>
在需要用到富文本的HTML中引入JS与css
<script charset="utf-8" src="../../../kindeditor/kindeditor-all.js"></script>
<script charset="utf-8" src="../../../kindeditor/lang/zh-CN.js"></script>
<link href="../../../kindeditor/themes/default/default.css" rel="stylesheet" />
<script>
KindEditor.ready(function(K) {
window.editor = K.create('#editor_id');
});
</script>
这样就能简单的使用富文本了
如果在上传出现问题可以参考以下文章:
更多详情点击kindeditor官网