Kindeditor在线 HTML 编辑器使用

简介

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

1.下载

下载KindEditor

2.解压，开发中只需要导入选中的文件（通常在 webapp 下，建立 editor 文件夹）

3.在使用 kindeditor 页面导入

 <!--导入在线HTML编辑器 --><script type="text/javascript" src="../../editor/kindeditor.js" ></script><script type="text/javascript" src="../../editor/lang/zh_CN.js" ></script><link rel="stylesheet" href="../../editor/themes/default/default.css" />

4.应用 kindeditor，页面提供<textarea>文本框

<td colspan="3"><textarea id="description" name="description" style="width:80%" rows="20"></textarea>
</td>

KindEditor.ready(function(K) {window.editor = K.create('#description')
});

在线 HTML 编辑器定制开发

1．编辑器初始化参数使用

语法： K.create('#id',{options}); 参数采用 key-value 格式采用 items 属性，定制工具栏按钮显示

2. 使用 kindeditor 使用图片上传编辑显示功能，需要指定 uploadJson 和 fileManagerJson

默认实现文件上传程序是 php 程序，如果使用 java 实现，需要设置初始化参数

KindEditor.ready(function(K) {window.editor = K.create('#description',{   allowFileManager:true,uploadJson : '../../image_upload.action',fileManagerJson : '../../image_manage.action'});
});

注意：当使用 kindEditor 进行编辑数据时，编辑后内容，不会自动随表单进行提交

·KindEditor的可视化操作在新创建的rame上执行，代码模式下的tesxtarea框也是新创建的，所以最后提交前需要执行Sync）将HTL数据设置到原来的textarea。

·KindEditor在默认情况下自动寻找textarea所属的form元素，我到form/后onsubmit事件里添加syna策，所以用form万式提交数据，不需更手动执行sync（)函数。

·KindEdito认采用白名单过滤方式，可用htmITags参数定义要保留的标签和属性。当然也可以用fil能erMode参数关闭过滤模式，保留所有标签。

//通过KindEditor将数据加到textarea中window.editor.sync();

Kindeditor在线 HTML 编辑器使用相关推荐

kindeditor在线html编辑器,kindeditor在线HTML编辑器
kindeditor在线HTML编辑器 Think Defferent Here's to the crazy ones. The misfits. The rebels. The troublema ...
KindEditor在线文本编辑器
我们平时上一些论坛或者上博客时,会看到有些网站的文本输入效果很好,非常类似于word一类的文本编辑工具,所见即所得,其实类似这种编辑器有很多种,比较出名的有KindEditor.FCKEditor等, ...
kindeditor在线HTML编辑器简单使用教程
1,首先去官网下载http://www.kindsoft.net/ 2,解压之后如图所示: 3.下面就是html代码演示 <link rel="stylesheet" hre ...
kindeditor在方法中动态创建在线文本编辑器
官方编辑器初始化代码: KindEditor.ready(function(K) { editor = K.create('textarea[name="content"]', { ...
学习整理在php中使用KindEditor富文本编辑器
学习整理在php中使用KindEditor富文本编辑器 1.下载编辑器 2.部署kindeditor编辑器 3.在html页面里引入编辑器 4.Ajax提交表单时获取不到 KindEditor 内容 ...
在线HTML编辑器使用入门(Kindeditor)
官网: http://kindeditor.net/demo.php 解压,开发中只需要导入选中的文件(通常在 webapp 下,建立 editor 文件夹 ) 在使用 kindeditor 页面 ...
KindEditor 在线编辑器
KindEditor 在线编辑器 http://www.kindsoft.net/demo.php
在线HTML编辑器 KindEditor
http://www.kindsoft.net/index.php KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEdit ...
kindeditor在线编辑器的使用心得
转自 http://blog.csdn.net/chongxin1/article/details/53615354 1. 如何声明引用? <!DOCTYPE html> <html ...
7款国产的在线HTML编辑器
在线HTML编辑器或者是基于浏览器的所见即所得的HTML编辑器广泛用于各种类型网站的文章发布.论坛发贴等功能.例如在oschina网站上发帖.写博客.提交新闻.添加开源软件等处都会用到这种编辑器. 目 ...

Kindeditor在线 HTML 编辑器使用

简介

在线 HTML 编辑器定制开发

Kindeditor在线 HTML 编辑器使用相关推荐

最新文章

热门文章