概念
KindEditor是一款开源的HTML可视化编辑器,主要用于用户在网站上获得所见即所得的编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor是用JavaScript写的,可以和Java无缝接口,NET,PHP,ASP等程序。
KindEditor非常适合CMS、商场、论坛、博客、Wiki、电子邮件等互联网应用。自2006年7月首次发布2.0版本以来,KindEditor依靠出色的用户体验和领先的技术不断扩大市场份额,目前已成为国内最受欢迎的编辑器之一。
主要特点
体积小,加载快,但功能丰富。
内置自定义范围,完美支持span标签。
基于插件设计,所有功能都是插件,添加自定义和扩展功能非常简单。
修改编辑器样式很简单,只需修改一个CSS文件。
支持大部分主流浏览器,如IE、Firefox、Safari、Chrome、Opera。
使用许可
kind editor的源代码是根据LGPL开源协议发布的。KindEditor的自由使用必须遵守LGPL协议。以下是LGPL协议的摘要。详情请参考原文。
您可以自由使用、修改和分发源代码,但必须符合开源精神。
源代码的版权属于KindEditor开发团队,无论修改程度如何,你都不一定拥有源代码的版权。
如果有人向您索要编辑器源代码,您有义务提供修改后的源代码。
最好在你的网站或者程序上加一个KindEditor官方网站的链接。
:
使用方法
1.下载KindEditor。下载地址在上面。
2.解压文件,将所有文件上传到你的网站程序目录,例如:http://你的域名/编辑器/。
3.将下面的代码添加到要添加编辑器的页眉中,并带有textarea控件的id。
-
script type=' text/JavaScript ' charset=' utf-8 ' src='/editor/kind editor . js '/script
脚本类型='文本/javascript '
ke . show({ id:' content _ 1 ' });
/脚本
-
下载最新版本的KindEditor,然后打开examples/index.html看演示。
2.部署编辑器
解压kindeditor-x.x.x.zip文件,将所有文件上传到你的网站程序目录,例如:http://你的域名/editor/
3.修改HTML页面
答:在需要显示编辑器的地方添加一个textarea输入框。
a class=' ed _ inner _ link ' target=' _ blank ' href='/lemma/showinnerlink . htm?lemmaId=106445 ss _ c=SSC . citiao . link ' name/a=' content '/a style=' width:700 px;高度:300px'
lt;stronggt。HTML内容lt。/stronggt。
/textarea
b:将下面的脚本添加到HTML页面。
link rel=' style sheet ' href='/editor/themes/default/default . CSS '/
script charset=' utf-8 ' src='/editor/kind editor . js '/script
/zh_CN.js']]]
脚本
var编辑器;
KindEditor.ready(函数(K) {
editor=k . create(' # editor _ id ');
});
4.获取HTML数据。
html=editor . html();
editor . sync();
html=document . getelementbyid(' editor _ id ')。价值;
html=K('#editor_id ')。val();//KindEditor节点API
html=$('#editor_id ')。val();//jQuery
Editor.html('HTML内容');
:
目录列表
1.如何使用编辑器
2.编辑器初始化参数
3.更改编辑器的外观
4.添加自定义插件
5.上传文件
6.常见问题
7.基本)API
8.事件)API
9.选择器)API
10、节点API
11、系列API
12、命令API
13、Ajax API
14、Widget API
15、下拉菜单(菜单)API
16.颜色选择器)API
17、弹出窗口(对话框)API
18、标签API
19.UplaodButton) API
20.编辑器)API