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

最新推荐文章于 2024-08-14 16:58:56 发布
最新推荐文章于 2024-08-14 16:58:56 发布
阅读量4k 收藏
点赞数
分类专栏： golang beego ueditor 文章标签： HydroCMS CMS beego golang
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hotqin888/article/details/51935494
版权
golang 同时被 3 个专栏收录
144 篇文章 2 订阅
订阅专栏
beego
128 篇文章 0 订阅
订阅专栏
ueditor
5 篇文章 0 订阅
订阅专栏
  幸亏有github的版本控制系统。下载了历史版本2016年4月份的，下来运行，可以保存word图片。用fiddler跟踪返回值如下：
  "original": "clip_image002.jpg",
  "state": "SUCCESS",
  "title": "clip_image002.jpg",
  "url": "/attachment/SL123456测试图文/A/Fdiary/1/clip_image002.jpg" 

而最新版本的返回值如下：原因就在于我把所有上传图片改名了。如果不改名，必然出现同名的图片，比如word里的图片，都是放在剪贴板里，都叫clip_image……确实悲剧了。
 "original": "1468769026985819300.jpg",
  "state": "SUCCESS",
  "title": "1468769026985819300.jpg",
  "url": "/attachment/SL3999广州地铁150号线/A/Fdiary/1/1468769026985819300.jpg"

解决办法：origin的名称不要去修改就行了。
q平面人
关注
专栏目录
百度ueditor实现word图片自动转存
m673010624的博客
03-29 5645
官网地址http://ueditor.baidu.com Git 地址https://github.com/fex-team/ueditor 本文使用版本https://pan.baidu.com/s/1ntG3Tsl#list/path=%2F里选择1.4.2 1.4.2之后官方并没有做功能的改动，1.4.2在word复制这块没有bug，其他版本会出现手动无法转存的情况 参...
ueditor百度编辑器word图片转存功能插件destoon v6及v7.0可用
03-23
插件详细说明地址https://blog.csdn.net/viqecel/article/details/79670613 =========================================== 一,后台网站设置. 选择ueditor 二,修改member\editor\ueditor\ueditor.config.js 366行 的 a: ['target', 'href', 'title', 'class', 'style'], 修改为 a: ['target', 'href', 'title', 'class', 'style', 'name'], 403行的 img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex'], 修改为 img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex','anchorname','word_img','style'], 三,修改member\editor\ueditor\init.inc.php 注释掉25行 即 $editor .= 'serverUrl:UPPath+"?from=editor&moduleid;='.$moduleid.'",'; 然后.查找 'fullscreen', 批量替换为 'fullscreen', 'wordimage' 其实就是在后面增加 转存按钮 四,把百度编辑器ueditor目录中的php文件复制到系统对应目录中 即保证 member\editor\ueditor\php\controller.php 这个 控制器文件可访问 然后修改controller.php 文件 第4行 把Chongqing首字母设置为大写] 即 date_default_timezone_set("Asia/Chongqing"); 五,修改图片上传保存目录.即php/config.json 即 11行 替换为绝对路径,你的首页网站地址直接填这即可,后面不加斜线,这里如果不加绝对路径.则没法自动读取第一个图片为标题图片. "imageUrlPrefix": "这里修改为你的网站首页网址不加后斜线", 12行替换为下面一行. 即修改图片保存路径,与原系统一致即可 "imagePathFormat": "/file/upload/{yyyy}{mm}/{dd}/{time}{rand:2}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ 后台系统维护,点击更新所有缓存,ctrl+f5强制刷新后台
ueditor+实现word图片自动上传
aryasei的专栏
04-20 3180
公司做的项目要用到文本上传功能。 网上找了很久，大部分都有一些不成熟的问题，终于让我找到了一个成熟的项目。 1.前台页面引用代码 <%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><%@ pagecontentType="text/html;charset=utf-8"%>...
在百度UEDITOR上粘贴从WORD中COPY的图片和文字 图片无法显示的问题
alisky119的博客
08-14 990
昨天晚上论坛里面有一个网友给我发私信，也是遇到了word内容复制粘贴的问题，想了解一下这块的技术，看看有没有好的解决方法，或者代码，或者插件，主要是想交流一下技术问题。这位老哥说他也是第一次接触这个，也是刚开始学习，很多基础知识都不太熟悉，首先花了半个小时左右的时间给他讲解了一下基础知识，比如如何上传一张图片，如何保存图片。花了1个小时左右的时间先帮他搭了一个JAVA的开发环境，主要是在百度上面搜到的很多软件安装包都集成了广告，而且也不是官方的安装包，都是被修改过的。有的还有病毒。
ueditor导入word文档 ueditor word导入插件
weixin_45525177的博客
04-11 311
ueditor导入word文档 ueditor word导入插件，ueditor导入word文档，ueditor word导入插件，ueditor导入word图文，ueditor一键导入word文档，ueditor一键导入word图文，ueditor导入word文档图片自动上传，ueditor导入word，ueditor导入word内容，ueditor一键导入word，编辑器用的是UEditor，需要为UEditor增加导入word文档的功能，导入到编辑器中，图片自动上传到服务器中。返回图片地址HTML，
ueditor添加导入word插件
11-28
ueditor增加上传word选项及后台实现 后台是java实现方式
ueditor完美支持word导入自动转存，无需flash
04-18
这个工具允许用户在浏览器中进行文字编辑、格式调整、图片上传等多种操作，类似于我们常见的Word处理软件，但适用于网络环境。本次分享的资源特别强调了对“word导入”的支持，意味着ueditor能够接收Word文档内容，...
vue-ueditor-wrap UEditor资源包
03-14
Vue-UEditor-Wrap是基于Vue.js开发的一个用于集成百度UEditor的组件，它使得在Vue项目中使用UEditor变得更加方便。UEditor是一款强大的富文本编辑器，它提供了丰富的文本格式化、图片上传、表格、代码高亮等功能，...
VUE + UEditor 单图片跨域上传功能的实现方法
08-28
在这篇文章中，我们将介绍如何实现 VUE + UEditor 单图片跨域上传功能，包括前端和后端的实现细节。 前端实现 在前端，我们使用 Vue.js 作为前端框架，UEditor 作为富文本编辑器。为了实现单图片跨域上传功能，...
ueditor导入本地word图片并编辑
11-04
在ueditor的基础上增加了导入word的功能，支持导入有图片的word文档，并把maven中的依赖包全部导入到了lib包中作为本地资源。（需要自行配置database.properties数据库信息）
ueditor导入本地word并编辑.rar
09-06
ueditor导入本地word并编辑
ueditor编辑器增加导入word
05-13
该插件需要PHPword扩展将word转化成html。Laravel、thinkPHP框架需要先安装PHPword。该插件主要由两部分组成：编辑器上传word插件和文档转换功能代码，最重要的是文档转换代码文件，需要稍作修改。 Laravel、thinkPHP框架需要先安装PHPword，需要用PHPword扩展将word转化成html。该插件主要由两部分组成：编辑器上传word插件和文档转换功能代码，最重要的是文档转换代码文件，需要稍作修改才可以使用。 具体部署步骤如下： 1、下载WordConvertHtml插件 将WordConvertHtml目录放入百度编辑器目录下，如：/public/vendor/ueditor/plugin 2、在引用百度编辑器的页面引用插件路径 <script type="text/javascript" charset="utf-8" src="/public/vendor/ueditor/plugin/WordConvertHtml/wordConvertDialog.js"></script> 3、添加文档转换代码文件 将WordConvertController.php添加到项目对应的目录，该文件主要完成：word转成html，保存图片到本地，并返回带本地图片路径的html代码。
Ueditor集成Word导入(富文本编辑器).zip
09-06
Ueditor集成Word导入(富文本编辑器)
百度ueditor编辑器 word导入功能（asp.net版本）
01-04
因公司需要，自己在网上下了个有word导入功能的百度编辑器，并在这个基础上对该word导入功能进行了完善。（asp.net版本）（注意虚拟路径的问题，可以将虚拟路径去掉）
Ueditor集成Word导入(富文本编辑器)
weixin_52041354的博客
11-11 1976
"wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */在ueditor\ueditor.all.js文件中UE.plugin.register('simpleupload', function (){})下方新增如下方法。"wordAllowFiles": [".docx"] /* 仅支持docx格式的word */
UEDITOR富文本实现导入WORD功能
alisky119的博客
04-01 458
网上找了一圈，能够用的几乎没有，缺的文件比较多，后端的代码没有，或者下载下来不能用。感觉这块多少还是有点难度。现有项目需要为百度富文本编辑器ueditor增加导入word文件的功能，导入后word文件里面的图片自动上传到服务器中，word里面的文本样式保留用户一般在发新闻和发文章时用到，算是一个高频使用功能，用户体验上来讲确实是很好，和以前的发新闻或者发文章的体验比起来要方便许多，用户用的更爽。示例下载https://gitee.com/xproer/zyoffice-ueditor1.5x主要步骤如下：1
Ueditor富文本实现导入word功能
anubis98的博客
02-25 4043
提示：只是提供解决思路 最近因为项目需要，需要实现web端的word模板在线编辑功能，所以就了解了下富文本框的插件，最后选定百度的Ueditor，具体该插件有什么功能，可以到官网查看，DEMO地址：http://ueditor.baidu.com/website/onlinedemo.html。 但是该插件没有导入word功能，需要自己实现，本着能少造轮子（copy）就少造轮子（copy）的理...
vue-ueditor-wrap集成秀米图片转存至腾讯云oss
最新发布
08-17
Vue-Ueditor-Wrap是一个用于Vue.js环境下的UEditor组件封装，它可以帮助你在Vue应用中轻松集成富文本编辑器Ueditor。如果你想将秀米图片上传并存储到腾讯云的OSS（Object Storage Service），你需要按照以下步骤操作： 1. **安装依赖**：首先，在你的Vue项目中安装`vue-ueditor`和`qiniu-sdk`，分别用于UEditor和Qiniu（腾讯云对象存储服务的SDK）： ```bash npm install vue-ueditor qiniu-js-sdk ``` 2. **配置UEditor**：在Vue组件中引入并配置Ueditor，添加文件上传相关的插件，例如`imageManager`和自定义的上传处理器： ```javascript import UEditor from 'vue-ueditor' import Qiniu from 'qiniu-js-sdk' Vue.component('vue-ueditor', UEditor) export default { components: { UEditor, }, data() { return { ue: {}, } }, mounted() { this.ue = new UEditor({ ... // 其他配置项 toolbars: ['fullscreen', 'undo redo | forecolor backcolor fontname fontsize emoticons image | imageManager'], // 添加图片管理工具栏 uploadImageAction: '/api/upload-to-qiniu', // 图片上传接口地址 uploadImageShowBase64: true, // 是否显示base64预览 serverUrl: Qiniu.conf.uploadToken(), // 使用Qiniu提供的uploadToken处理上传 }) // 初始化Qiniu SDK Qiniu.init(Qiniu.conf.ACCESS_KEY, Qiniu.conf.SECRET_KEY) }, } ``` 3. **处理图片上传**：创建一个后端API（如'/api/upload-to-qiniu'），该API应接收用户上传的图片数据，并调用Qiniu SDK将图片上传到OSS。示例代码如下： ```javascript // 后端Node.js服务器示例 (Express) const express = require('express'); const multer = require('multer'); const app = express(); const qiniu = require('qiniu'); app.post('/api/upload-to-qiniu', multer({ fileFilter: checkImageFile }), async (req, res) => { try { const file = req.file; const key = `${Date.now()}_${file.originalname}`; const token = await qiniu.uploadToken(bucketName, key); await qiniu.put(file.buffer, key, token); // 返回新的图片URL到前端 res.json({ url: `http://${bucketName}.qiniucdn.com/${key}` }); } catch (error) { console.error(error); res.status(500).json({ error: 'Upload failed' }); } }); async function checkImageFile(req, file) { if (!file.mimetype.startsWith('image')) { return false; } return true; } app.listen(3000, () => console.log('Server started on port 3000')); ```
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值