百度编辑器Ueditor 初始化加载内容失败解决办法

原文地址为： 百度编辑器Ueditor 初始化加载内容失败解决办法

项目上有用到百度文本编辑器ueditor,在页面加载的时候初始化编辑器内容时候，使用

$.document.ready(function()

{

  UE.getEditor('editor').setContent('欢迎光临');

})

setContent方法无法加载内容，提示编辑器为空，后来想想，可能是编辑器还没有加载完就执行此脚本导致的。后在网上找资料，可以判断ueditor编辑器完成加载后再加载内容：

核心内容如下

var editor_a = new baidu.editor.ui.Editor(editorOption);
    editor_a.render('myEditor');
    editor_a.ready(function() {
        editor_a.setContent($('#content').val());
    });

具体例子：

$ (document ). ready ( function ( ) {
    // 自定义的编辑器配置项,此处定义的配置项将覆盖editor_config.js中的同名配置
    var editorOption = {
        //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
        toolbars : [ [ 'FullScreen' , 'Source' , 'Undo' , 'Redo' , 'Bold' , 'forecolor' , 'link' , 'highlightcode' ] ] ,
        //focus时自动清空初始化时的内容
        autoClearinitialContent : true ,
          //关闭elementPath
         elementPathEnabled : false
    } ;
    var editor_a = new baidu. editor. ui. Editor (editorOption ) ;
    editor_a. render ( 'myEditor' ) ;
    editor_a. ready ( function ( ) {
        editor_a. setContent ($ ( '#content' ). val ( ) ) ;   //赋值给UEditor
    } ) ;
    $ ( '#title' ). val (title ) ; //title赋值
} ) ;

 

参考链接：http://www.1100w.com/baidu-ueditor-%e8%b5%8b%e5%80%bc%e9%97%ae%e9%a2%98%e8%a7%a3%e5%86%b3%e5%8a%9e%e6%b3%95/

转载请注明本文地址： 百度编辑器Ueditor 初始化加载内容失败解决办法