easyEditor编辑器支持插入表情


8067 | 254  | 508 | 添加收藏 上一个 下一个
资源描述 : 这只是一个简单的编辑器,拥有插入表情,插入行块功能,支持IE9+,不依jQuery库
easyEditor编辑器支持插入表情
资源详情

easyEditor


首先你需要引入css与JS


<link rel="stylesheet" href="css/easyEditor.css" />
<script src="js/easyEditor.js"></script>

html你只需要一个div


<div id="editor" style="width:500px;height:300px;"></div>

我们需要实例化


var editor = new EasyEditor('editor');

插入表情


/**
 * @desc 插入表情方法
 * @param {object} opt 
 * @param {string} opt.src 表情路径 
 * @param {string} opt.remark 表情说明
 * @param {function} opt.afterInsert 插入后的回调函数
 *
 */
editor.insertEmoji({
    src: 'emoji/1.gif',
    remark: '笑脸',
    afterInsert: function() {
        //do something
    }
});

插入行块


/**
 * @desc 插入行块方法
 * @param {object} opt
 * @param {string} opt.text 文字 
 * @param {string} opt.color 文字颜色
 * @param {function} opt.afterInsert 插入后的回调函数
 *
 */
 
editor.insertBlock({
    text: '@somebody',
    color: '#f00',
    afterInsert: function() {
        //do something
    }
});

获取编辑器里面的html


var myhtml = editor.getContent(false);

获取编辑器里面的text


var mytext = editor.getContent(true);

属性


editor.sel; // selection 对象
editor.ran; // range 对象
editor.obj; // 编辑器对象(即文中id为editor的div);


指尖代码 资源每日更新 www.zjdaima.com