KindEditor富文本编辑器的使用

一、KindEditor 是什么？

KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。(引自网络)

二、下载

首先下载KindEditor，链接

三、解压

解压放入对应的目录中，比如放入js文件夹中

四、引用

在对应页面的HTML中加入

<link href="/js/kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>

添加一个编辑框

<textarea style="width:800px;height:300px;visibility:hidden;" name="desc"></textarea>

三、初始化KindEditor

在页面中加入

<script type="text/javascript">
    var itemAddEditor ;
    //页面初始化完毕后执行此方法
    $(function(){
        //创建富文本编辑器
        itemAddEditor =KindEditor.create("#itemAddForm [name=desc]");
        //初始化类目选择和图片上传器
        }});
    });
</script>