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);

搜索发现

下载榜观看榜