ueditor 如何支持word转存图片

原创 2016年08月29日 23:55:28

这里只写明自己使用,如果对你没有帮助,请见谅

参考了该博客

http://blog.csdn.net/will_awoke/article/details/39579061

这个博客制作上传绝对路径的jar,按照ueditor推荐的编译插件进行打包

这个是本人根据上面兄弟改写过的ueditor的jar,主要修改的的就是将 "imagePathFormat": "C:/resource/ueditor/upload/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

这里配置的绝对路径获取,并且上传。下载地址是:http://download.csdn.net/download/u010503822/9616381


ueditor版本:1.4.3

主要涉及:

1.tomcat映射虚拟的存储目录(这里主要为了上传图片到c:/盘指定目录,通过访问前缀resource被tomcat配置的虚拟目录映射到实际目录进行访问)

    <Context docBase="C:\resource" path="/resource" />

2.这里是拼接ueditor预览图片的js(其他的配置参考这个进行设置)

  "imageUrlPrefix": "/resource/ueditor/upload/image/", /* 图片访问路径前缀 */
    "imagePathFormat": "D://gzszjyc_resource/ueditor/upload/image/{time}{rand:7}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

imageUrlPrefix地址是用来虚拟目录-->映射实际目录进行访问

imagePathFormat 用来保存图片到其他盘符

 getInsertList: function () {
            var i, data, list = [],
                align = getAlign(),
                prefix = editor.getOpt('imageUrlPrefix');
            for (i = 0; i < this.imageList.length; i++) {
                data = this.imageList[i];
                var img_src = prefix + data.url.substring(data.url.lastIndexOf("/") + 1);
                list.push({
                    src: img_src,
                    _src: img_src,

                    title: data.title,
                    alt: data.original,
                    floatStyle: align
                });
            }
            return list;
        }
上面这里主要是设置:图片在ueditor预览的访问路径


3.配置ueditor图片上传路径和访问前缀的配置文件

\ueditor\jsp\config.json

/* 上传图片配置项 */
    "imageActionName": "uploadimage", /* 执行上传图片的action名称 */
    "imageFieldName": "upfile", /* 提交的图片表单名称 */
    "imageMaxSize": 2048000, /* 上传大小限制,单位B */
    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
    "imageCompressEnable": true, /* 是否压缩图片,默认是true */
    "imageCompressBorder": 1600, /* 图片压缩最长边限制 */
    "imageInsertAlign": "none", /* 插入的图片浮动方式 */
    "imageUrlPrefix": "/resource/ueditor/upload/image/", /* 图片访问路径前缀 */
    "imagePathFormat": "D://gzszjyc_resource/ueditor/upload/image/{time}{rand:7}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
                                /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
                                /* {rand:7} 会替换成随机数,后面的数字是随机数的位数 */
                                /* {time} 会替换成时间戳 */
                                /* {yyyy} 会替换成四位年份 */
                                /* {yy} 会替换成两位年份 */
                                /* {mm} 会替换成两位月份 */
                                /* {dd} 会替换成两位日期 */
                                /* {hh} 会替换成两位小时 */
                                /* {ii} 会替换成两位分钟 */
                                /* {ss} 会替换成两位秒 */
                                /* 非法字符 \ : * ? " < > | */
                                /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */

/* 涂鸦图片上传配置项 */
/* 截图工具上传 */
/* 抓取远程图片配置 */
/* 上传视频配置 */
/* 上传文件配置 */

 这几个参考上面步骤进行修改,这里就不给出。查找修改,还是需要点时间,请耐心修改


这里使用ueditor遇到了layer弹出框,导致wordimage  转存word图片的时候添加按钮(imageUploader.swf)不出现,后面修改

\ueditor\dialogs\wordimage\tangram.js

baidu.swf.create = function (options, target) {
    options['wmode'] = 'transparent';
    options = options || {};
    var html = baidu.swf.createHTML(options)
               || options['errorMessage']







版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010503822/article/details/52357992

《编程之道》

《编程之道》(小赵译版) 蓝森林 http://www.lslnet.com 2001年1月1日 21:39 The Tao Of Programming —— 编程之道Translated By G...
  • Virtual
  • Virtual
  • 2001-01-12 12:52:00
  • 928

百度编辑器(ueditor)踩坑,图片转存无法使用

原文链接:百度编辑器(ueditor)踩坑,图片转存无法使用 在使用 百度编辑器 的过程中碰到了一些问题,图片转存功能无法使用, 即便是疯狂地在官方 Demo、文档、论坛甚至是 GitHub 上...
  • lddtime
  • lddtime
  • 2018-02-06 17:19:48
  • 687

ueditor关闭word转存功能,取消粘贴时自动把word图片替换为占位符

打开ueditor.all.js查找wordimage 找到如下代码 ///import core ///commands 本地图片引导上传 ///commandsName WordImage ...
  • u010035873
  • u010035873
  • 2015-06-24 16:58:09
  • 5818

ueditor文本编辑器支持ctrl+v图片文字样式

ueditor文本编辑器原本支持ctrl+v时复制文字和样式,由于ie协议的原因必须必须点击,图片无法上传,本例是通过编写active控件解除限制向ftp上传,有更好的希望能告知,谢谢   负责复制粘...
  • myfmyfmyfmyf
  • myfmyfmyfmyf
  • 2014-01-17 09:12:38
  • 20604

ueditor编辑器增加导入word

  • 2016年05月31日 20:47
  • 5.19MB
  • 下载

百度ueditor编辑器 word导入功能(asp.net版本)

  • 2018年01月04日 15:59
  • 8.32MB
  • 下载

ue/um-editor实现word图片复制

图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找...
  • u013006355
  • u013006355
  • 2017-03-17 15:01:56
  • 579

百度UEditor 上传组件 使用虚拟路径映射配置

百度UEditor 上传组件 使用虚拟路径映射配置
  • liuyuhua0066
  • liuyuhua0066
  • 2014-09-26 16:16:31
  • 8846

支持复制粘贴word图片的文本编辑器

  • 2014年06月13日 15:32
  • 2.01MB
  • 下载

HydroCMS-用ueditor无法实现word中图片转存的问题

幸亏有github的版本控制系统。下载了历史版本2016年4月份的,下来运行,可以保存word图片。用fiddler跟踪返回值如下:   "original": "clip_image002.jpg"...
  • hotqin888
  • hotqin888
  • 2016-07-17 23:46:52
  • 2706
收藏助手
不良信息举报
您举报文章:ueditor 如何支持word转存图片
举报原因:
原因补充:

(最多只允许输入30个字)