KindEditor是一款开源的支持在线编辑html的编辑器,主要用于让用户在网站上获得所见即所得编辑效果,主要用于让用户在网站上获得所见即所得编辑效果。开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 KindEditor 使用 JavaScript 编写,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。该工具和fckeditor很像,但是皮肤比较好看,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。
主要特点
快速:体积小,加载速度快
开源:开放源代码,高水平,高品质
底层:内置自定义 DOM 类库,精确操作 DOM
扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能
风格:修改编辑器风格非常容易,只需修改一个 CSS 文件
兼容:支持大部分主流浏览器,比如 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即可。
以上便是WinWin7下载给大家分享的KindEditor(HTML编辑器)!
上一篇:yEd(流程图表制作)