导出 ueditor 保存内容 保存格式到 word上（带格式、图片）

最新推荐文章于 2024-07-16 10:34:31 发布
最新推荐文章于 2024-07-16 10:34:31 发布
阅读量8.7k 收藏 3
点赞数
分类专栏： program
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liweizhong193516/article/details/82736988
版权
本文档介绍了如何将ueditor编辑器中的内容，包括格式和图片，导出并保存到Word文档中，主要涉及模板制作、文本读取、HTML拼接和导出操作。
摘要由CSDN通过智能技术生成

一、制作模板：

1、BaseHtml.txt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"></meta>
    <style type="text/css">
        body {
            font-family: SimSun;
        }
        .title_item {
            width: 100%;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
        }
        .tr_item2{
            width: 533px;
            word-wrap:break-word;
        }
    </style>
</head>
<body>
<p class="title_item">${paperTiele}</p>

<table style="word-wrap:break-word; word-break:break-all;width: 555px;table-layout: fixed">
    <tbody>
        ${exerciseContent}
    </tbody>
</table>
</body>
</html>

2、ExerciseInfoHtml.txt

<tr>
    <td style="width:20px;text-align:top;vertical-align: text-top;">${sortNum}、</td>
    <td class="tr_item2" style="word-wrap:break-word;word-break:break-all;">${exerciseInfo}</td>
</tr>
${options}
<tr>
    <td style="width: 20px;px;text-align:top;;"></td>
    <td class="tr_item2">【正确答案】：${answer}</td>
</tr>
<tr>
    <td style="width:20px;text-align:top;;">&l
最低0.47元/天 解锁文章
Double=Eggs
关注
专栏目录
UEditor富文本编辑器+内容转word导出整合经验分享(SpringMVC+Ueditor+mybatis+Maven)
xiaohei86的博客
01-18 1万+
UEditor富文本编辑器+内容转word导出整合经验分享(SpringMVC+Ueditor+mybatis+Maven) 注：完整的代码已上传 https://download.csdn.net/download/xiaohei86/10925448 注：html页面转wordcankaocsdn网站s1nggggg的一篇文章 java将html内容生成Word https://blog.cs...
导出Ueditor富文本带html标签内容为word文件
loiyil的博客
12-23 1948
导出Ueditor富文本带html标签内容为word文件 工作中，遇到需要将富文本编辑的文章，公告，或者知识点，导出为word文件。 现在给出一套方案，希望能帮到需要的伙伴们。 导出为word的关键：Jsoup，参考：Jsoup 我们先来看一个图，这是导出后的word文件： 大家可以发现，用NotePad打开word文件后，其实word就是一个完整的html，注意图片的路径：其实就是本地的路径（...
UEDITOR改造WORD文档快速发帖，一键转存
最新发布
weixin_52041354的博客
07-16 843
之前网上搜到的方案很少，现在由于HTML5的流行，chrome提供了相关的API，所以在网上也是能够搜到很多方案的，不过99%的方案实际上说的都是同一个方案，也就是借助于HTML5来实现，也就是借助于chrome的API来实现，这个方案的话也是能够满足一般的需求，但是兼容性方面有点问题，不能兼容IE浏览器，我们技术部在对这个方案进行测试的时候发现在有的用户电脑行，有的用户电脑不行，也没找到原因。网上找的资料，里面提到的方案基本上没有一个能用的，很多的链接都打不开，也没有提供完整的产品和方案，想测也测不了。
使用poi将ueditor生成的内容导出生成word文档，并以页面视图打开
qq_94csbl的博客
12-04 3602
 将ueditor生成的内容保存成字符串，通过下面的内容拼成html，并使生成的word以页面视图的方式打开。 String str = " &lt;!--[if gte mso 9]&gt;&lt;xml&gt;&lt;w:WordDocument&gt;&lt;w:View&gt;Print&lt;/w:View&gt;&lt;w:TrackMoves&gt;false&lt;/w:
java中将ueditor编辑器中内容html转换为word导出（解决图片问题，样式，非常完美）
good_luck_l的博客
09-10 2899
本文章纯属博主原创，不允许盗窃抄袭，此具有版权效应 java中将ueditor编辑器中内容html转换为word导出（解决图片问题，样式，非常完美） 这几天一直在做将ueditor文本编辑器中内容导出为word文档，网上查询了好多资料但是还是有部分缺陷，我这边查阅了很多篇文章综合自己的代码最终写入史册，废话不多说，直接上代码 1.新建工程，导入依赖包 <dependency> ...
富文本编辑器导出word
01-14
将系统中富文本编辑器内容导出到word文件（包含图片）
将百度富文本编辑器(ueditor)中的内容转化为word文档格式
BlackMoon
12-09 3437
业务场景 需求：根据富文本中的内容生成对应的word文档进行预览和下载功能。 实现： 采用 POIFSFileSystem 类相关实现，能够准确的将文字、格式相关内容转换成功，但是对于在线的网络图片，无法离线浏览或打开。因此最后采用Spire.doc中的工具进行转换（免费版本）。 官网网址：点击跳转 实现步骤 引入依赖 <dependency> <groupId>e-iceblue</groupId> <artifactId>spire.doc.f
ueditor导入本地word图片并编辑
11-04
在ueditor的基础上增加了导入word的功能，支持导入有图片的word文档，并把maven中的依赖包全部导入到了lib包中作为本地资源。（需要自行配置database.properties数据库信息）
ueditor完美支持word导入自动转存，无需flash
04-18
本次分享的资源特别强调了对“word导入”的支持，意味着ueditor能够接收Word文档内容，并自动转换为适合网页展示的格式，极大地提升了内容创作者的工作效率。 ueditor的核心功能包括： 1. **文本编辑**：提供了...
ueditor编辑器增加导入word
05-31
下载了ueditor编辑器，但发现缺少一个导入word的功能。找了半天也没有找到，一怒之下自己写了一个。（“代码语言”左边第2个按钮就是，鼠标移上去可以看到提示的。）
ueditor导入本地word并编辑.rar
09-06
ueditor导入本地word并编辑
百度ueditor编辑器 word导入功能（asp.net版本）
01-04
因公司需要，自己在网上下了个有word导入功能的百度编辑器，并在这个基础上对该word导入功能进行了完善。（asp.net版本）（注意虚拟路径的问题，可以将虚拟路径去掉）
Ueditor集成Word导入(富文本编辑器).zip
09-06
Ueditor集成Word导入(富文本编辑器)
UEditor保存HTML到数据库及回显
热门推荐
u011983028的博客
07-24 1万+
//设置根路径 window.UEDITOR_HOME_URL = "${ctx}/js/ueditor/"; $(function(){ var toolbars = [["fullscreen","source","undo","redo","insertunorderedlist", "insertorderedlist","cleardoc","selectal
ueditor导入本地word并编辑
Mr_Zang666的博客
09-19 285
/在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象。//如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容。//如果有文字的话不做任何的处理，如果只粘贴图片的话文本一定是空的，包括复制的桌面图片或者截图的图片。//当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型。//为了兼容4种格式的情况，做了如下的判断。
UEditor编辑器保存数据到数据库
Andy_Health的博客
09-02 1791
公众号文章微信开放的信息有限，无法进行用户行为分析，我们选用的秀米文章编辑器，由于秀米不支持导出HTML，所以需要借助UEditor编辑器来处理。 1. 秀米编辑器复制图文内容 文章进入这个表示，即可进行复制到剪切板 2. 黏贴到UEditor编辑器中 3. 点击保存即可和后台进行数据交互 具体代码实现 下载UEditor jsp版，解压到自己的项目中 springboot项目中新建一个editor.html <!DOCTYPE html> <html lang="en"&g
java Springboot富文本编辑器ueditor内容使用poi导出为word文件
weixin_42259631的博客
07-11 8885
本文讲解在springboot环境下，将ueditor保存到数据库中的html内容使用poi导出为word文件，亲测导出的文件在word和wps上打开均正常显示。首先，在pom.xml文件中引入poi包&lt;dependency&gt; &lt;groupId&gt;org.apache.poi&lt;/groupId&gt; &lt;artifactId&gt;poi&lt;/...
ueditor含有图片使用java导出Word
05-19
UEditor 是一个基于 JavaScript 和 PHP 的所见即所得富文本编辑器，不包含导出 Word 的功能。如果您需要将 UEditor 中的图片导出到 Word 中，可以考虑使用 Java 相关的库和工具。 一种可行的方法是使用 Apache POI（一个 Java API，用于处理 Microsoft Office 格式的文件），读取 UEditor 中的图片，然后将其插入到 Word 中。以下是一个简单的示例代码： ```java import org.apache.poi.xwpf.usermodel.*; import java.io.*; import org.apache.poi.util.*; import org.apache.poi.openxml4j.exceptions.InvalidFormatException; import org.apache.poi.xwpf.usermodel.XWPFParagraph; import org.apache.poi.xwpf.usermodel.XWPFRun; public class Test { public static void main(String[] args) throws Exception { // 读取 Word 文档 FileInputStream fis = new FileInputStream(new File("test.docx")); XWPFDocument doc = new XWPFDocument(OPCPackage.open(fis)); // 获取 Word 文档中的所有段落 List<XWPFParagraph> paragraphs = doc.getParagraphs(); // 创建一个新的段落 XWPFParagraph p = doc.createParagraph(); // 插入图片 String imgFile = "test.png"; FileInputStream is = new FileInputStream(imgFile); byte[] bytes = IOUtils.toByteArray(is); XWPFRun run = p.createRun(); run.addPicture(new ByteArrayInputStream(bytes), XWPFDocument.PICTURE_TYPE_PNG, imgFile, Units.toEMU(200), Units.toEMU(200)); // 保存 Word 文档 FileOutputStream fos = new FileOutputStream(new File("test.docx")); doc.write(fos); fos.close(); doc.close(); } } ``` 在上述代码中，我们使用 Apache POI 读取了一个名为 test.docx 的 Word 文档，并在其中插入了一张名为 test.png 的图片。最后，将修改后的 Word 文档保存到 test.docx 文件中。 需要注意的是，上述代码只是一个简单的示例，实际使用中还需要考虑很多细节问题，如图片大小、位置、格式等。同时，如果您需要将 UEditor 中的多个图片导出到 Word 中，需要进行相应的循环处理。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值