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