Home > php教程 > php手册 > Baidu ueditor editor has independent image upload function

Baidu ueditor editor has independent image upload function

WBOY
Release: 2016-09-23 03:29:57
Original
1777 people have browsed it

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>

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template