㈠ 如何在同一個頁面載入兩個或多個百度的 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[0].src+" width='100' height='100'/>");
$(".{$addons_data.name}_preview").append(imghtml); //儲存路勁
//單張圖片存儲圖片id
$("#editor_id_{$addons_data.name}").text(arg[0].id); //圖片預覽
$(".{$addons_data.name}_preview").show(); //微信預覽
$('.weixin-cover-pic').attr('src',arg[0].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();
})
});
這是源代碼了，請問各位，應該如何該