> php教程 > php手册 > Baidu Ueditor 편집기에는 독립적인 이미지 업로드 기능이 있습니다.

Baidu Ueditor 편집기에는 독립적인 이미지 업로드 기능이 있습니다.

WBOY
풀어 주다: 2016-09-23 03:29:57
원래의
1774명이 탐색했습니다.

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>

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿