Ueditor百度编辑器中的 setContent()方法的使用

百度编辑器Ueditor所提供的setContent()方法作用是:设置或者改变编辑器里面的文字内容或html内容

函数说明:setContent(string,boolean);

参数string 是需要设置到编辑器里面的内容,可以含有HTML代码,最后插入到编辑器中的内容是经过 编辑器内置过滤器过滤后的内容,同时该函数会出发selectionchange 事件。

参数:boolean,(true/false) true表示清空编辑器俩面的内容,在内容后面添加内容,不传,默认是true;false表示清空当前编辑器的内容后,在插入内容。

问题:当我第一次用editor.setConten()向编辑其中插入数据的时候始终提示下面的错误:

$(function(){
        var content =$(‘#daily_content‘).val();
        ue.setContent(content);
    });
[object Object]

最后在网上查阅资料了解到:

不能单独使用setContent(string,boolean);

必须是在创建好编辑器后才能使用,那么如何知道编辑器创建好并且准备好了呢?使用一下方法就可实现在编辑器中插入内容了:

$(function(){         var content =$(‘#daily_content‘).val();         //判断ueditor 编辑器是否创建成功         ue.addListener("ready", function () {         // editor准备好之后才可以使用         ue.setContent(content);         });     });
时间: 2024-11-05 04:52:10

Ueditor百度编辑器中的 setContent()方法的使用的相关文章

ueditor百度编辑器中,多图上传后,图片顺序乱掉的处理方法

上传后,图片的顺序和预期的不一致,需要修改ueditor的源码. 一.找到editor/dialogs/attachment/attachment.js文件 1.将_this.fileList.push(json);修改为_this.fileList[$file.index()] = json; 2.考虑上传失败的情况,加上一个判断,避免在上传失败后,数组中出现undefined项 二.找到editor/dialogs/image/image.js文件 1.将_this.imageList.pu

angularjs利用指令调用ueditor百度编辑器

ueditor中文是百度编辑器,而angularjs是一款优秀的前端JS框架了,下面我们来介绍在angularjs调用ueditor百度编辑器例子,有兴趣的可一起来看看. 一直以来,angularjs的富文本编辑器都比较难做,主要是第三方的编辑器很难集成进来,今天花时间研究了一下,发现ueditor主要加载两个js文件 ueditor.config.js ueditor.all.js 能不能把这两个文件异步加载呢?答案是肯定的.我们新建一个服务用来异步加载资源,并设置必要的回调方法. 服务代码:

百度编辑器中设置表格居中

在百度编辑器中,给表格设置样式 style="align:center;" 是无效的, 可以在table标签设置style="margin:0 auto;",亲测可用,代码如下: <table style="margin: 0 auto;"> <tbody> <tr style="height:32px;page-break-inside:avoid" class="firstRow&q

百度编辑器ueditor 在vs2008中的使用方法

个人觉得百度编辑器ueditor还是不错的,虽然出生的时间比较短,但某些方面相比其它富文本编辑器更优秀,免费.可定制等等. 由于在官方下载的ueditor包是在vs2012下开发的,可以在vs2010中使用,但在vs2008中就会报错.折腾了一翻,现将解决方法分享给需要的朋友,其实就是把里面包含.net4.0的元素换成.net3.5的 1.下载.net framework 3.5版的Newtonsoft.Json.dll替换原来的 2.删除config.cs里的 using System.Dyn

dedecms织梦添加ueditor百度编辑器(支持本地图片水印)

本站所有附件均为UTF-8版本,GBK版本的童学请自行转码: 教程最下面有解决栏目内容添加失败的解决方法和本地上传图片加水印方法. 最终效果 1.直接到百度编辑器官方下载PHP对应的版本 ueditor官方地址:http://ueditor.baidu.com/website/download.html 2.dedecms 程序 include文件夹下,创建 ueditor 文件夹 把下载到的ueditor文件扔进去(index.html不要) 3.include\inc\inc_fun_fun

ueditor 百度编辑器 配置如何上传图片

1.准备工作 下载地址  http://ueditor.baidu.com/website/ 下载出来 你所需要的udditor版本 2.解压出来 3.导包 解压出来文件jsp下的lib导入  到项目中web-inif 下的lib中 注意: 如果导入包仍然报 inser... server  ... 这种错误,把包导入 服务器 lib下 4.修改配置文件 ueditor.config.js window.UEDITOR_HOME_URL = "/default/eos/"; 从注释中取

UEditor百度编辑器,工具栏添加一个普通按钮

添加一个名叫“hougelou”的普通按钮 附言:以下是以UEditor .Net版本举例说明. 第一步:找到ueditor.config.js文件中的toolbars数组,增加一个“hougelou”字符串,然后找到labelMap数组,对应着添加一个labelMap,用于鼠标移上按钮时的提示. //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义 , toolbars:[ ['fullscreen', 'source', '|', 'undo', 'redo

ueditor 百度编辑器 自定义图片上传路径和格式化上传文件名

今天项目中需要自定义图片上传的保存路径,并且不需要按照日期自动创建存储文件夹和文件名,我的ueditor版本是1.3.6.下面记录一下我配置成功的方法,如果有什么不对的地方欢迎指出,共同学习: 1:我在本地项目的根目录下新建一个文件夹,比如:upload. 2:打开ueditor/php/config.php,改成如下代码后保存: <?php return array( //图片上传允许的存储目录 /*'imageSavePath' => array ( 'upload1', 'upload2

ueditor 百度编辑器,自定义右键菜单

如图:有2种自定义方法,一种是改源码,一种是初始化 初始化,如下代码: var ue = UE.getEditor('XXXid',{ // contextMenu:[ {label:'', cmdName:'selectall'}, { label:'', cmdName:'cleardoc', exec:function () { this.execCommand( 'cleardoc' ); } }, {label:'这里添加一个菜单',cmdName:'cleardoc', icon:'