zoukankan      html  css  js  c++  java
  • ueditor单独调用上传附件和图片的功能

    javascript富文本编辑器使我们添加、编辑网站中的文章更加方便和容易。这些富文本编辑器提供了所见即所得(What You See Is What You Get - WYSIWYG)的功能,可以像编辑word文档一样,方便地编辑网站中文章,常用于内容管理系统和博客系统等。

    百度Ueditor富文本就是其中之一,个人觉得虽然体积大点,不兼容移动端外,其他功能都非常强大,特别是里面的多图上传!

    当有些个性化页面需求时,难免会对她一些优化,已让她适合自己的内容,比如单独调用上传图片实现类似于以下页面时

    部分代码如下

        var _editor = UE.getEditor('Thumb');
        _editor.ready(function () {
            //设置编辑器不可用
            //_editor.setDisabled();
            //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
            _editor.hide();
            //侦听图片上传
            _editor.addListener('beforeInsertImage', function (t, arg) {
                //将地址赋值给相应的input,只去第一张图片的路径
                $(".js_cover_preview").css('background-image', 'url(' + arg[0].src + ')');
                //图片预览
                $("#Thumb").val(arg[0].src);
                $('.cover_preview_wrp').show();
            });
        });
        $('.cover_preview_wrp').hover(function () {
            $('.js_tip_mask').show();
        }, function () {
            $('.js_tip_mask').hide();
        });
        $('#js_appmsg_upload_cover').click(function () {
            alert('123');
                var myImage = _editor.getDialog("insertimage");
                myImage.open();
            });

    部分参考  http://my.oschina.net/glenxu/blog/476720

  • 相关阅读:
    LOJ#2244 起床困难综合症
    CF集萃2
    LOJ#2085 循环之美
    LOJ#2087 国王饮水记
    LOJ#2304 泳池
    人生中十个重要的健康伴侣
    web容器和servlet容器
    有关服务器,web 服务器,WEB容器的一点总结
    学习Java需要达到的25个目标
    EJB 规范
  • 原文地址:https://www.cnblogs.com/shatanku/p/5518335.html
Copyright © 2011-2022 走看看