拽拽
管理员组

Ueditor 百度编辑器 单独上传图片组建

<script type="text/javascript" charset="utf-8" src="/Ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/Ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="/Ueditor/lang/zh-cn/zh-cn.js"></script>
<script id="Ueditor" type="text/plain"></script>
<script>
    var _editor = UE.getEditor('Ueditor');
    _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();
    }
</script>
<input class="easyui-textbox" type="text" id="picture" name="pic" value="" style="width:160px"/>
<input type="button" class="datepicker" onclick="upImage();" value="上传图片" />


#1楼
发帖时间:2016-5-9   |   查看数:0   |   回复数:0
游客组