百度编辑器独立上图片传配置

Posted 2020-09-30

第一步
 var _editor = UE.getEditor(‘editor‘);
找一个ue实例化的id input 如
   
第二步实例化而且调用类
var _editor = UE.getEditor(‘upload_ue‘);
       
                _editor.ready(function () {
                     //设置编辑器不可用
                    //_editor.setDisabled();  这个地方要注意 一定要屏蔽
                    //隐藏编辑器，由于不会用到这个编辑器实例。所以要隐藏
                    _editor.hide();
                       
                    //侦听图片上传
                    _editor.addListener(‘beforeinsertimage‘, function (t, arg) {
                   
                        //将地址赋值给对应的input,仅仅去第一张图片的路径
                       
                        var imgs;
                        for(var a in arg){
                            imgs +=arg[a].src+‘,‘;
                        }
                   
                         $("#picture").attr("value", arg[0].src);
                        //图片预览
                         $("#preview").attr("src", arg[0].src);
                    })
                   
                 });
                //弹出图片上传的对话框
                function upImage() {
                     var myImage = _editor.getDialog("insertimage");
                     myImage.open();
                }
第三步写 html
\< input type="text" id="picture" name="pic"   value="<{$info.pic}>"/>
 \< input  type="button" class="datepicker" onclick="upImage();" value="上传图片" />