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


第一步
 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" οnclick="upImage();" value="上传图片" />

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值