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