有思俱乐部学习园地

嵌入式编辑器区域


适用范围:博客发帖,论坛发帖,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是要加载的内容
            
试一试

设置后的效果

编辑器控件制作流程图说明

工作人员

 
                
作者:柏洋
信息录入:柏洋