百度ueditor编辑器独立出图片上传功能

浏览:6619 发布日期:2016/09/22 分类:用法示例 关键字: ueditor 百度编辑器
将百度编辑的图片上传功能独立出来 适合做一些特殊的图片上传功能
<textarea id="j_ueditorupload" name="image_textarea" ></textarea>   
<script src="__ADDONROOT__/Public/ueditor/ueditor.config.js"></script>  
<script src="__ADDONROOT__/Public/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__ADDONROOT__/Public/ueditor/lang/zh-cn/zh-cn.js"></script>
<script>
//自定义请求地址
        UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
        UE.Editor.prototype.getActionUrl = function(action) {
            if (action == 'uploadimage') {    //上传图片
                  return "{:Addons_url('Materialnew://Materialnew/upload')}";
            } else  if(action == 'config') {    //加载配置
                    //return this._bkGetActionUrl.call(this, action);
                  return "{:Addons_url('Materialnew://Materialnew/uploadconfig')}";
                  
            }
        }             
        //自定义请求地址结束
        var UE_editor=UE.getEditor('j_ueditorupload');
         UE_editor.ready(function () {
             //设置编辑器不可用
            //_editor.setDisabled();  这个地方要注意 一定要屏蔽
            //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
            UE_editor.hide(); 
            //侦听图片上传
            UE_editor .addListener('beforeinsertimage', function (t, arg) { 
                //将地址赋值给相应的input,只去第一张图片的路径 
                var imgs;
                for(var a in arg){
                    imgs +=arg[a].src+',';
                } 
                console.log(arg);
                $("#cover_id_p_cover").attr("value", arg[0].src);
                //图片预览
                $(".upload-pre-item2 img").attr("src", arg[0].src);  
                $('.editing .main_img img').attr('src',arg[0].src);
                $('.editing').find('textarea[name="cover_id"]').val(arg[0].src);
            })
           
         });
        //弹出图片上传对话框
        $(".upload-img-box").click(function(){
          var  myImage = UE_editor.getDialog("insertimage");
               myImage.open();
        });</script>
评论( 相关
后面还有条评论,点击查看>>