嵌入式编辑器区域
适用范围:博客发帖,论坛发帖,word编辑区域的公有属性
使用方法:U.MD.UI.editor(parent, callback);
参数说明:
/* 默认编辑器,嵌入到指定元素内
* @param parent {element} 创建在指定的父亲元素
* @param callback {function} 非必传 操作处理函数
* 操作处理函数 该函数默认第一个参数为操作记录。
* 格式形如 : { updateLine : [修改行ID, 修改行ID,], addLine : [添加行ID], deleteLine : [删除行ID] }
* */
前期准备 需要引入的文件
方法一: 静态引入
<script src="http://www.1473.cn/js/Controls/Complex/Editor.js" type="text/javascript"> </script>
方法二: 动态映引入
U.UF.DL.asynLoadJs({ src: "http://www.1473.cn/js/Controls/Complex/Editor.js", "charset": "utf-8", "type": "text/javascript" });
通常使用方法例子
var _editor;//编辑器变量,可通过此变量获取或者设置编辑器的值。
var _editParent=document.getElementById("editParent");//待显示div元素
_editor=U.MD.UI.editor(_editParent);//初始化编辑器
alert(_editor.getContent());//可得到编辑器的值
_editor.loadContent("此处填写要设置的值。");//可设置编辑器的值。
有回调的用法例子
_editor=U.MD.UI.editor(_editParent, function (operaRecord) { console.log(operaRecord, '回调输出')})
试一试
效果
获取编辑器内容
//1、创建一个编辑器,
var a = U.MD.UI.editor(parent);
//2、调用其返回的函数getContent()
a.getContent()
获取编辑器内容
编辑器的内容
设置编辑器的默认内容
//1、创建一个编辑器,
var a = U.MD.UI.editor(parent);
//2、调用其返回的函数loadContent(text)
a.loadContent(text)
//text是要加载的内容
试一试
设置后的效果