最新kindeditor富文本的使用方法

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/Rm_and_Rf/article/details/102561575

首先我们先从官网下载最新的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中uploadJson的默认地址

最新kindeditor的解决跨域问题

更多详情点击kindeditor官网