百度ueditor编辑器（百度编辑器ueditor怎么用）

本文目录

• 百度编辑器ueditor怎么用
• 如何在同一个页面加载两个或多个百度的 UEditor HTML 编辑器
• 百度ueditor编辑器怎么用
• 如何用百度UEditor编辑器替换WordPress编辑器
• 百度ueditor编辑器如何显示、修改从数据库中的数据
• 如何更换编辑器为百度Ueditor等
• 百度编辑器ueditor怎么获取内容
• 百度UEditor编辑器源代码编辑模式用CSS会被转义，有解决方法吗

百度编辑器ueditor怎么用

首先加上
《script type=“text/javascript“ charset=“utf-8“ src=“/public/ueditor/ueditor.config.js“》《/script》
《script type=“text/javascript“ charset=“utf-8“ src=“/public/ueditor/ueditor.all.min.js“》 《/script》
《script type=“text/javascript“ charset=“utf-8“ src=“/public/ueditor/lang/zh-cn/zh-cn.js“》《/script》
这里面src的路径，根据你实际路径填写
然后加上
《script id=“editor“ name=’cnt’ type=“text/plain“ style=“width:100%;height:230px;“》《/script》
最后
《script type=“text/javascript“》
var ue = UE.getEditor(’editor’);//实例化器
《/script》

如何在同一个页面加载两个或多个百度的 UEditor HTML 编辑器

这个富文本器实例化时候你传递的id不一样就可以了。
如题，一个页面上使用两个百度器ueditor
能够保证 提交时两个数据不冲突，各管各的，初始化时后一个不会对前一个产生影响。
《script type=“text/javascript“ charset=“utf-8“ src=“__STATIC__/ueditor/ueditor.config.js?v={:SITE_VERSION}“》《/script》
《script type=“text/javascript“ charset=“utf-8“ src=“__STATIC__/ueditor/ueditor.all.js?v={:SITE_VERSION}“》《/script》
《script type=“text/javascript“ charset=“utf-8“ src=“__STATIC__/ueditor/lang/zh-cn/zh-cn.js?v={:SITE_VERSION}“》《/script》

《script type=“text/javascript“》
$(’textarea[name=“{$addons_data.name}“]’).attr(’id’, ’editor_id_{$addons_data.name}’); window.UEDITOR_HOME_URL = “__STATIC__/ueditor/“; window.UEDITOR_CONFIG.initialFrameHeight = parseInt(’{$addons_config.editor_height}’); window.UEDITOR_CONFIG.scaleEnabled = 《eq name=“addons_config.editor_resize_type“ value=“1“》true《else /》false《/eq》; window.UEDITOR_CONFIG.imageUrl = ’{:addons_url(“EditorForAdmin://Upload/ue_upimg“)}’; window.UEDITOR_CONFIG.imagePath = ’’; window.UEDITOR_CONFIG.imageFieldName = ’imgFile’; //在这里扫描图片
window.UEDITOR_CONFIG.imageManagerUrl=’{:addons_url(“EditorForAdmin://Upload/ue_mgimg“)}’;//图片在线管理的处理地址
window.UEDITOR_CONFIG.imageManagerPath=’’;
var imageEditor{$addons_data.id} = UE.getEditor(’editor_id_{$addons_data.name}’); //添加一下判断是否是单个按钮管理图片 需要执行一下代码
《if condition=“isset($addons_data[’btnClassName’])“ 》
imageEditor{$addons_data.id}.ready(function () { //设置器不可用
imageEditor{$addons_data.id}.setDisabled(); //隐藏器，因为不会用到这个器实例，所以要隐藏
imageEditor{$addons_data.id}.hide(); //侦听图片上传
imageEditor{$addons_data.id}.addListener(’beforeInsertImage’, function (t, arg) { //将地址赋值给相应的input,只去第一张图片的路径
//console.log(t);
//console.log(arg);
《if condition=“empty($addons_data[’is_mult’])“ 》 //单张情况
$(“.{$addons_data.name}_preview“).html(““); var imghtml = $(“《img src=“+arg.src+“ width=’100’ height=’100’/》“);

$(“.{$addons_data.name}_preview“).append(imghtml); //储存路劲
//单张图片存储图片id
$(“#editor_id_{$addons_data.name}“).text(arg.id); //图片预览
$(“.{$addons_data.name}_preview“).show(); //微信预览
$(’.weixin-cover-pic’).attr(’src’,arg.src); //console.log(arg);

《else /》 //多张情况
var srcs = ““; var srcIds = ““; //$(“.{$addons_data.name}_preview“).html(““);
for(var i=0;i《arg.length;i++){ if(i==arg.length-1){
srcs = srcs + arg[i].src;
srcIds = arg[i].id;
}else{
srcs = srcs + arg[i].src+“|“;
srcIds = srcIds + arg[i].id+“,“;
} var imghtml = $(“《img src=“+arg[i].src+“ width=’100’ height=’100’/》“);
$(“.{$addons_data.name}_preview“).append(imghtml); //console.log(arg[i].src);
}
$(“.{$addons_data.name}_preview“).append(imghtml);
$(“.{$addons_data.name}_preview“).show(); var oldIds = $(“#editor_id_{$addons_data.name}“).text(); //多张图片存储一逗号分隔的id串
$(“#editor_id_{$addons_data.name}“).text(oldIds+“,“+srcIds); 《/if》
}) //增加按钮className
$(’.{$addons_data.btnClassName}’).bind(’click’,function(){ var uploadImage = imageEditor{$addons_data.id}.getDialog(“insertimage“);
uploadImage.open();
})

});

这是源代码了，请问各位，应该如何该

百度ueditor编辑器怎么用

1、官方下载最新ASP版本，解压后文件夹自行修改，建议放在根目录下（如下图）

2、用记事本打开\bdu123\asp\config.json文件，修改里面图片、音乐、附件等的上传地址，../../upload代表上传的图片将自动放在网站根目录下文件夹“upload”里面，这个设置的好处是，易于管理上传的图片、音乐及附件等，日后即使你修改百度器存放的文件夹名称，也不会影响图片等的显示（如下图）

3、在ASP中调用器的方法很简单，在添加文章的动态网页中，只需把以下的源代码放置在表单中即可。（注意：代码中ueditor.config.js和ueditor.all.js这两个的调用地址修改正确就OK了）

4、ASP修改文章的动态网页中，把以下的源代码放置在表单中。（注意：代码中ueditor.config.js和ueditor.all.js这两个的调用地址修改正确就OK了）

大功告成（以上所用到的源代码，可到官方文档“入门部署和体验”复制即可。）

如何用百度UEditor编辑器替换WordPress编辑器

你好，方法如下：
1、下载：”Ueditor器1.4.3.1 for wordpress 4.0插件.zip“到电脑里。
2、进入WordPress，后台，点击“安装插件”。

3、由于是把插件下载到电脑里，所以需要点击“上传插件”来进行安装。

4、“浏览”到“Ueditor器1.4.3.1 for wordpress 4.0插件.zip”所存放的位置，点击“现在安装”，稍等片刻，插件就上传、安装成功了。

5、点击“启用插件”。

6、这时，再尝试”撰写新文章“，看看这器页面。

7、如果想要停用UEditor，在后台选择”停用“即可，要删除插件，必须先停用。

百度ueditor编辑器如何显示、修改从数据库中的数据

1、首先通过php或者jsp等后台语言获取数据库中的内容，保存到变量cont中。
2、调用editor.setContent(cont)就完成数据赋值到器中了，这里的editor是器实例。

PS：如果在点击诸如“”按钮之后再实例化器，然后设置内容时，通常需要等待器实例化完成之后再赋值，也就是代码需要改成这样子:
editor.ready(function(){
editor.setContent(cont);
})
否则在某些情况下会报错。当然，如果点击的时候器已经显示在桌面上了的时候，那就只需要直接调用即可。

如何更换编辑器为百度Ueditor等

下载【Ueditor器1.4.3.1 for wordpress 4.0插件.zip】到电脑里，感谢UEditor和插件的开发者。
进入WordPress，后台，点击【安装插件】

由于我们是把插件下载到电脑里，所以需要点击【上传插件】来进行安装

【浏览】到【Ueditor器1.4.3.1 for wordpress 4.0插件.zip】所存放的位置，点击【现在安装】

稍等片刻，插件就上传、安装成功了。

点击【启用插件】。

这时，再尝试”撰写新文章“，看看这器页面。

如果想要停用UEditor，在后台选择”停用“即可，要删除插件，必须先停用。

百度编辑器ueditor怎么获取内容

使用UEditor创建一个器还是很简单的一件事情，首先就是引入俩个js文件，分别为editor_config.js和editor_all.js。然后就是js创建一个可区域，用来创建器，需要注明id，类型为text/plain，最后实例化器即可
如果将UEditor应用到项目中我们还需要对器的路径进行设置。我们打开editor_config.js文件，找到window.UEDITOR_HOME_URL，然后配置器所在文件的路径，这个路径可以是绝对路径也可以是相对路径。此处的配置仅对这个器起作用，如果你使用了多个UEditor则需要分别进行设置。

百度UEditor编辑器源代码编辑模式用CSS会被转义，有解决方法吗

最新的 ueditor 已经不存在这个问题。demo：UEditor - 示例
请不要再评论此答案，谢谢。

以下文字于2013-08-17：

不同意前面两人的观点，ueditor对style进行编码是一种非常多余的行为。
既然器提供了html方式，毫无疑问这个功能是给懂html的人提供的。
富文本器一般都可以写标签内样式，所以普通用户也可以通过html模式让页面乱掉，和提不提供自定义css没关系。
还有说防止注入的。前端做不了安全，要安全只能靠后端实现。所以这个不成立。
但是他最后一句我还是非常赞同的，如果有精力可以专门制定一套样式，在文章的时候直接设置class就行，便于风格一致。

我以前用php写过博客，也是用的ueditor。刚刚试了一下，里面的ueditor可以插入style而不会被转移。
因为ueditor的config里面没有版本信息，我不知道那是什么版本。我写那套程序是12年初，到现在已经一年半了，所以那是个比较老的版本。不过功能貌似都正常，如果你要可以私信我。
-----------------------------
继续说。
刚刚想了想，其实这个功能在一定程度上可以起到安全作用，可以阻止那些html入门者搞破坏，但是如果一个对js熟悉的人想要在页面插入css js，前端是阻止不了的。
ueditor的config里面也提供了blacklist，可以过滤掉标签。所以把style内容编码成url编码相当奇怪，不知道谁可以有一个合理的解释。
-----------------------------
言归正传，因为我发现提问者很没耐心。OK，说说解决方法。
这种编码是通过encodeURIComponent()方法实现的。那么就改它的源代码，去掉源文件中编码style标签内容的代码。
打开ueditor.all.min.js或者ueditor.all.js，搜索encodeURIComponent，可以找到四个结果。
其中有一处是：
case “style“:
case “script“:
node.setAttr({
cdata_tag: node.tagName,
cdata_data: encodeURIComponent(node.innerText() || ““)
});
node.tagName = “div“;
node.removeChild(node.firstChild());
break;

删除case ’style’:就行。如果你还想插入script，就删掉全部。