kindeditor国内最受欢迎的HTML编辑器

收藏

KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 本文将演示9种不同编辑器方法。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

1、默认模式：

<textarea name="content" style="width:800px;height:400px;visibility:hidden;">KindEditor

var editor;
KindEditor.ready(function(K) {
    editor = K.create('textarea[name="content"]', {
        allowFileManager: true //true或false，true时显示浏览服务器图片功能。
    });
});

2、取得HTML

<input type="button" name="getHtml" value="取得HTML" />

K('input[name=getHtml]').click(function(e) {
    alert(editor.html());
});

3、取得文本(包含img,embed)

<input type="button" name="getText" value="取得文本(包含img,embed)" />

K('input[name=getText]').click(function(e) {
    alert(editor.text());
});

4、设置HTML

<input type="button" name="setHtml" value="设置HTML" />

K('input[name=setHtml]').click(function(e) {
    editor.html('<h3>Hello KindEditor</h3>');
});

5、设置文本

<input type="button" name="setText" value="设置文本" />

K('input[name=setText]').click(function(e) {
    editor.text('<h3>Hello KindEditor</h3>');
});

其余4种基础效果请看kindeditor演示效果，代码很简单。