百度編輯器獨立上圖片傳配置
阿新 • • 發佈：2017-07-29
上傳 一個 disabled dial pos dialog image review upload
第一步
var _editor = UE.getEditor(‘editor‘);
找一個ue實例化的id input 如
第二步實例化而且調用類
var _editor = UE.getEditor(‘upload_ue‘);
_editor.ready(function () {
//設置編輯器不可用
//_editor.setDisabled(); 這個地方要註意 一定要屏蔽
//隱藏編輯器，由於不會用到這個編輯器實例。所以要隱藏
_editor.hide();
//偵聽圖片上傳
_editor.addListener(‘beforeinsertimage‘, function (t, arg) {
//將地址賦值給對應的input,僅僅去第一張圖片的路徑
var imgs;
for(var a in arg){
imgs +=arg[a].src+‘,‘;
}
$("#picture").attr("value", arg[0].src);
//圖片預覽
$("#preview").attr("src", arg[0].src);
})
});
//彈出圖片上傳的對話框
function upImage() {
var myImage = _editor.getDialog("insertimage");
myImage.open();
}
第三步寫 html
\< input type="text" id="picture" name="pic" value="<{$info.pic}>"/>
\< input type="button" class="datepicker" onclick="upImage();" value="上傳圖片" />
第一步
var _editor = UE.getEditor(‘editor‘);
找一個ue實例化的id input 如
第二步實例化而且調用類
var _editor = UE.getEditor(‘upload_ue‘);
_editor.ready(function () {
//設置編輯器不可用
//_editor.setDisabled(); 這個地方要註意 一定要屏蔽
//隱藏編輯器，由於不會用到這個編輯器實例。所以要隱藏
_editor.hide();
//偵聽圖片上傳
_editor.addListener(‘beforeinsertimage‘, function (t, arg) {
//將地址賦值給對應的input,僅僅去第一張圖片的路徑
var imgs;
for(var a in arg){
imgs +=arg[a].src+‘,‘;
}
$("#picture").attr("value", arg[0].src);
//圖片預覽
$("#preview").attr("src", arg[0].src);
})
});
//彈出圖片上傳的對話框
function upImage() {
var myImage = _editor.getDialog("insertimage");
myImage.open();
}
第三步寫 html
\< input type="text" id="picture" name="pic" value="<{$info.pic}>"/>
\< input type="button" class="datepicker" onclick="upImage();" value="上傳圖片" />
百度編輯器獨立上圖片傳配置