Baidu ueditor editor has independent image upload function
- WBOYOriginal
- 2016-09-23 03:29:571704browse
Separate the image upload function of Baidu editor, suitable for some special image upload functions<textarea id="j_ueditorupload" name="image_textarea" ></textarea> <br>
<script src="__ADDONROOT__/Public/ueditor/ueditor.config.js"></script> <br>
<script src="__ADDONROOT__/Public/ueditor/ueditor.all.min.js"></script><br>
<script type="text/javascript" charset="utf-8" src="__ADDONROOT__/Public/ueditor/lang/zh-cn/zh-cn.js"></script><br>
<script><br>
//自定义请求地址<br>
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;<br>
UE.Editor.prototype.getActionUrl = function(action) {<br>
if (action == 'uploadimage') { //上传图片<br>
return "{:Addons_url('Materialnew://Materialnew/upload')}";<br>
} else if(action == 'config') { //加载配置<br>
//return this._bkGetActionUrl.call(this, action);<br>
return "{:Addons_url('Materialnew://Materialnew/uploadconfig')}";<br>
<br>
}<br>
} <br>
//自定义请求地址结束<br>
var UE_editor=UE.getEditor('j_ueditorupload');<br>
UE_editor.ready(function () {<br>
//设置编辑器不可用<br>
//_editor.setDisabled(); 这个地方要注意 一定要屏蔽<br>
//隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏<br>
UE_editor.hide(); <br>
//侦听图片上传<br>
UE_editor .addListener('beforeinsertimage', function (t, arg) { <br>
//将地址赋值给相应的input,只去第一张图片的路径 <br>
var imgs;<br>
for(var a in arg){<br>
imgs +=arg[a].src+',';<br>
} <br>
console.log(arg);<br>
$("#cover_id_p_cover").attr("value", arg[0].src);<br>
//图片预览<br>
$(".upload-pre-item2 img").attr("src", arg[0].src); <br>
$('.editing .main_img img').attr('src',arg[0].src);<br> $('.editing').find('textarea[name="cover_id"]').val(arg[0].src);<br>
})<br>
});<br>
//Pop up the picture upload dialog box<br>
$(".upload-img-box").click(function(){<br>
var myImage = UE_editor.getDialog("insertimage");<br>
myImage.open();<br>
});</script><br>