Baidu Ueditor 편집기에는 독립적인 이미지 업로드 기능이 있습니다.
- WBOY원래의
- 2016-09-23 03:29:571702검색
Baidu 편집기의 이미지 업로드 기능을 분리하여 일부 특수 이미지 업로드 기능에 적합합니다<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>
<br>
//자체설정 求地址<br>
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;<br>
UE.Editor.prototype.getActionUrl = function(action) {<br>
if (작업 == '이미지 업로드') { //상위 사진<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(함수 () {<br>
//设置编辑器不可用<br>
//_editor.setDisabled(); 这个地方要注의의 一定要屏蔽<br>
//隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏<br>
UE_editor.hide(); <br>
//侦听图文上传<br>
UE_editor .addListener('beforeinsertimage', function (t, arg) { <br>
//将地址赋值给指应的입력,只去第一张图文字路径 <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>
//사진 업로드 대화 상자 팝업<br>
$(".upload-img-box").click(function(){<br>
Var myimage = UE_EDITOR.GetDialog("이미지 삽입") <br>
myImage.open();<br>
});</script><br>