Kindeditor编辑器用法介绍

Kindeditor编辑器用法介绍

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。

软件介绍

KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的编辑器之一。

主要特点

  1. 体积小,加载速度快,但功能十分丰富。2. 内置自定义range,完美地支持span标记。

  2. 基于插件的方式设计,所有功能都是插件,增加自定义和扩展功能非常简单。

  3. 修改编辑器风格很容易,只需修改一个CSS文件。

  4. 支持大部分主流浏览器,比如IE、Firefox、Safari、Chrome、Opera。

使用说明

简单使用方法

1. 下载KindEditor。下载地址在上边

2. 解压文件,并把所有文件上传到您的网站程序目录下,例如:http://你的域名/editor/。

3. 要添加编辑器的页面头部添加以下代码,id为textarea控件的ID。

<script type="text/javascript" charset="utf-8" src="/editor/kindeditor.js"></script>
<script type="text/javascript">
    KE.show({id : 'content_1'});
</script>

4. 要显示编辑器的位置添加TEXTAREA输入框。

<textarea id="content_1" name="content" style="width:700px;height:300px;visibility:hidden;"></textarea>

<!-- 注意: 如果原来有TEXTAREA,属性里只加id,width,height即可。 -->


官方文档:http://kindeditor.net/doc.php

官网演示:http://kindeditor.net/demo.php


未经允许请勿转载:程序喵 » Kindeditor编辑器用法介绍

点  赞 (1) 打  赏
分享到: