Springboot实现富文本(Html)内容转Word(包含图片)

于 2024-05-21 23:35:57 发布
阅读量299 收藏 1
点赞数 2
分类专栏： 翻斗大乐园 文章标签： spring boot html word
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RootDiagram/article/details/139104976
版权

在Java中经常会碰到富文本使用场景，有些需求则需要将富文本内容转换为Word，并包含图片，没接触过的同学可能一开始会感觉头大，其实可以使用Apache POI库来进行实现。以下是一个简单的例子。

引入本次需要的Maven依赖包


<!--富文本转word begin-->
    <!-- jsoup依赖  主要是解析图片标签，然后缩放图片大小-->
    <dependency>
      <groupId>org.jsoup</groupId>
      <artifactId>jsoup</artifactId>
      <version>1.12.1</version>
    </dependency>
    <!-- poi依赖-->
    <dependency>
      <groupId>org.apache.poi</groupId>
      <artifactId>poi</artifactId>
      <version>4.1.0</version>
    </dependency>
    <dependency>
      <groupId>org.apache.poi</groupId>
      <artifactId>poi-ooxml</artifactId>
      <version>4.1.0</version>
    </dependency>
<!--富文本转word end-->

一：创建工具类
1.1、新增图片处理工具类

import cn.hutool.core.util.StrUtil;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Component;
import sun.misc.BASE64Decoder;
import sun.misc.BASE64Encoder;
import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.*;
import java.util.Base64;
import java.net.URL;

/**
 * @ClassName ImageUtils
 * @Description: 图片处理工具类
 * @Author bigearchart
 * @Date 2024/5/20
 * @Version V1.0
 **/
@Component
@Slf4j
public class ImageUtils {
    /**
     * 通过BufferedImage图片流调整图片大小
     */
    public static BufferedImage resizeImage(BufferedImage originalImage, int targetWidth, int targetHeight) throws IOException {
        Image resultingImage = originalImage.getScaledInstance(targetWidth, targetHeight, Image.SCALE_AREA_AVERAGING);
        BufferedImage outputImage = new BufferedImage(targetWidth, targetHeight, BufferedImage.TYPE_INT_RGB);
        outputImage.getGraphics().drawImage(resultingImage, 0, 0, null);
        return outputImage;
    }

    /**
     * 返回base64图片
     * @param data
     * @return
     */
    public static String imageToBase64(byte[] data) {
        BASE64Encoder encoder = new BASE64Encoder();
        // 返回Base64编码过的字节数组字符串
        return encoder.encode(data);
    }

    /**
     * base64转换成byte数组
     * @param base64
     * @return
     * @throws IOException
     */
    public static byte[] base64ToByte(String base64) throws IOException {
        BASE64Decoder decoder = new BASE64Decoder();
        // 返回Base64编码过的字节数组字符串
        return decoder.decodeBuffer(base64);
    }

    /**
     * BufferedImage图片流转byte[]数组
     */
    public static byte[] imageToBytes(BufferedImage bImage) {
        ByteArrayOutputStream out = new ByteArrayOutputStream();
        try {
            ImageIO.write(bImage, "png", out);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return out.toByteArray();
    }

    /**
     * byte[]数组转BufferedImage图片流
     */
    public static BufferedImage bytesToBufferedImage(byte[] ImageByte) {
        ByteArrayInputStream in = new ByteArrayInputStream(ImageByte);
        BufferedImage image = null;
        try {
            image = ImageIO.read(in);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return image;
    }

    /**
     * 在线图片资源转base
     * @param imageUrl
     * @return
     * @throws IOException
     */
    public static String convertToBase64(String imageUrl) throws IOException {
        URL url = new URL(imageUrl);
        String fileType = imageUrl.substring(imageUrl.length()-3);
        String base64Str = "data:" + fileType + ";base64,";
        InputStream inputStream = url.openStream();
        ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
        byte[] buffer = new byte[4096];
        int bytesRead;
        while ((bytesRead = inputStream.read(buffer)) != -1) {
            outputStream.write(buffer, 0, bytesRead);
        }
        byte[] imageBytes = outputStream.toByteArray();
        String base64String = base64Str + Base64.getEncoder().encodeToString(imageBytes);
        return base64String;
    }

    //图片转化成base64字符串
    public static String getImageStr(String imgPath) throws IOException {
        File file = new File(imgPath);
        String fileContentBase64 = null;
        if(file.exists()){
            String fileType = imgPath.substring(imgPath.length()-3);
            String base64Str = "data:" + fileType + ";base64,";
            String content = null;
            //将图片文件转化为字节数组字符串，并对其进行Base64编码处理
            InputStream in = null;
            byte[] data = null;
            //读取图片字节数组
            try {
                in = new FileInputStream(file);
                data = new byte[in.available()];
                in.read(data);
                in.close();
                //对字节数组Base64编码
                if (data == null || data.length == 0) {
                    return null;
                }
                //content = Base64.encodeBytes(data);
                content = new BASE64Encoder().encode(data);
                if (content == null || "".equals(content)) {
                    return null;
                }
                // 缩小图片
                if (StrUtil.isNotBlank(content)) {
                    BufferedImage bufferedImage = ImageUtils.bytesToBufferedImage(ImageUtils.base64ToByte(content));
                    if (bufferedImage != null){
                        int height = bufferedImage.getHeight();
                        int width = bufferedImage.getWidth();
                        // 如果图片宽度大于650,图片缩放
                        if (width > 500) {
                            //高度等比缩放
                            height = (int)(height*500.0/width);
                            BufferedImage imgZoom = ImageUtils.resizeImage(bufferedImage, 500, height);
                            content = ImageUtils.imageToBase64(ImageUtils.imageToBytes(imgZoom));
                        }
                    }
                }
                fileContentBase64 = base64Str + content;
            } catch (IOException e) {
                e.printStackTrace();
            } finally {
                if (in != null) {
                    in.close();
                }
            }
        }

        return fileContentBase64;
    }
}

1.2、新增Word工具类

import cn.hutool.core.util.StrUtil;
import lombok.extern.slf4j.Slf4j;
import org.apache.http.entity.ContentType;
import org.apache.poi.poifs.filesystem.DirectoryEntry;
import org.apache.poi.poifs.filesystem.DocumentEntry;
import org.apache.poi.poifs.filesystem.POIFSFileSystem;
import org.jeecg.config.oss.MyMultipartFile;
import org.jeecg.config.oss.TencentCOSUtils;
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import org.jsoup.select.Elements;
import org.springframework.stereotype.Component;
import org.springframework.web.multipart.MultipartFile;

import javax.annotation.Resource;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.image.BufferedImage;
import java.io.*;
import java.util.ArrayList;
import java.util.List;

/**
 * @ClassName WordUtil
 * @Description: poi操作word工具类
 * @Author bigearchart
 * @Date 2024/5/20
 * @Version V1.0
 **/
@Component
@Slf4j
public class WordUtil {

    @Resource
    private TencentCOSUtils tencentCOSUtils;

    /**
     * 导出富文本内容到word
     * @param request
     * @param response
     * @param content 输出内容
     * @param fileName 导出文件名称
     * @throws Exception
     */
    public static void exportHtmlToWord(HttpServletRequest request, HttpServletResponse response, String content, String fileName) throws Exception {
        //图片转为base64方法
        //String imagebase64 = getImageStr(imagePath);
        // 拼接html格式内容
        StringBuffer sbf = new StringBuffer();
        // 这里拼接一下html标签,便于word文档能够识别
        sbf.append("<html " +
                "xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:w=\"urn:schemas-microsoft-com:office:word\" xmlns:m=\"http://schemas.microsoft.com/office/2004/12/omml\" xmlns=\"http://www.w3.org/TR/REC-html40\"" + //将版式从web版式改成页面试图
                ">");
        sbf.append("<head>" +
                "<!--[if gte mso 9]><xml><w:WordDocument><w:View>Print</w:View><w:TrackMoves>false</w:TrackMoves><w:TrackFormatting/><w:ValidateAgainstSchemas/><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><w:IgnoreMixedContent>false</w:IgnoreMixedContent><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><w:DoNotPromoteQF/><w:LidThemeOther>EN-US</w:LidThemeOther><w:LidThemeAsian>ZH-CN</w:LidThemeAsian><w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><w:Compatibility><w:BreakWrappedTables/><w:SnapToGridInCell/><w:WrapTextWithPunct/><w:UseAsianBreakRules/><w:DontGrowAutofit/><w:SplitPgBreakAndParaMark/><w:DontVertAlignCellWithSp/><w:DontBreakConstrainedForcedTables/><w:DontVertAlignInTxbx/><w:Word11KerningPairs/><w:CachedColBalance/><w:UseFELayout/></w:Compatibility><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><m:mathPr><m:mathFont m:val=\"Cambria Math\"/><m:brkBin m:val=\"before\"/><m:brkBinSub m:val=\"--\"/><m:smallFrac m:val=\"off\"/><m:dispDef/><m:lMargin m:val=\"0\"/> <m:rMargin m:val=\"0\"/><m:defJc m:val=\"centerGroup\"/><m:wrapIndent m:val=\"1440\"/><m:intLim m:val=\"subSup\"/><m:naryLim m:val=\"undOvr\"/></m:mathPr></w:WordDocument></xml><![endif]-->" +
                "</head>");
        sbf.append("<body>");
        // 富文本内容
        sbf.append(content);
        sbf.append("</body></html>");

        // 必须要设置编码,避免中文就会乱码
        byte[] b = sbf.toString().getBytes("GBK");
        // 将字节数组包装到流中
        ByteArrayInputStream bais = new ByteArrayInputStream(b);
        POIFSFileSystem poifs = new POIFSFileSystem();
        DirectoryEntry directory = poifs.getRoot();
        // 这代码不能省略,否则导出乱码。
        DocumentEntry documentEntry = directory.createDocument("WordDocument", bais);
        //输出文件
        request.setCharacterEncoding("utf-8");
        // 导出word格式
        response.setContentType("application/msword");
        response.addHeader("Content-Disposition", "attachment;filename=" +
                new String(fileName.getBytes("GB2312"),"iso8859-1") + ".doc");
        ServletOutputStream ostream = response.getOutputStream();
        poifs.writeFilesystem(ostream);
        bais.close();
        ostream.close();
    }

    /**
     * 富文本内容到word---指定路径
     * @param content 输出内容
     * @param fileName 导出文件名称
     * @throws Exception
     */
    public static void exportHtmlToWord(String filepath, String content, String fileName) throws Exception {
        // 拼接html格式内容
        StringBuffer sbf = new StringBuffer();
        // 这里拼接一下html标签,便于word文档能够识别
        sbf.append("<html " +
                "xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:w=\"urn:schemas-microsoft-com:office:word\" xmlns:m=\"http://schemas.microsoft.com/office/2004/12/omml\" xmlns=\"http://www.w3.org/TR/REC-html40\"" + //将版式从web版式改成页面试图
                ">");
        sbf.append("<head>" +
                "<!--[if gte mso 9]><xml><w:WordDocument><w:View>Print</w:View><w:TrackMoves>false</w:TrackMoves><w:TrackFormatting/><w:ValidateAgainstSchemas/><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><w:IgnoreMixedContent>false</w:IgnoreMixedContent><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><w:DoNotPromoteQF/><w:LidThemeOther>EN-US</w:LidThemeOther><w:LidThemeAsian>ZH-CN</w:LidThemeAsian><w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><w:Compatibility><w:BreakWrappedTables/><w:SnapToGridInCell/><w:WrapTextWithPunct/><w:UseAsianBreakRules/><w:DontGrowAutofit/><w:SplitPgBreakAndParaMark/><w:DontVertAlignCellWithSp/><w:DontBreakConstrainedForcedTables/><w:DontVertAlignInTxbx/><w:Word11KerningPairs/><w:CachedColBalance/><w:UseFELayout/></w:Compatibility><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><m:mathPr><m:mathFont m:val=\"Cambria Math\"/><m:brkBin m:val=\"before\"/><m:brkBinSub m:val=\"--\"/><m:smallFrac m:val=\"off\"/><m:dispDef/><m:lMargin m:val=\"0\"/> <m:rMargin m:val=\"0\"/><m:defJc m:val=\"centerGroup\"/><m:wrapIndent m:val=\"1440\"/><m:intLim m:val=\"subSup\"/><m:naryLim m:val=\"undOvr\"/></m:mathPr></w:WordDocument></xml><![endif]-->" +
                "</head>");
        sbf.append("<body>");
        // 富文本内容
        sbf.append(content);
        sbf.append("</body></html>");

        // 必须要设置编码,避免中文就会乱码
        byte[] b = sbf.toString().getBytes("GBK");
        // 将字节数组包装到流中
        ByteArrayInputStream bais = new ByteArrayInputStream(b);
        POIFSFileSystem poifs = new POIFSFileSystem();
        DirectoryEntry directory = poifs.getRoot();
        // 这代码不能省略,否则导出乱码。
        DocumentEntry documentEntry = directory.createDocument("WordDocument", bais);

        FileOutputStream out = new FileOutputStream(new File(filepath + fileName));
        poifs.writeFilesystem(out);
        bais.close();
        out.close();
    }

    /**
     * 富文本内容到word---腾讯cos
     * @param content 输出内容
     * @param fileName 导出文件名称
     * @throws Exception
     */
    public  String cosHtmlToWord( String content, String fileName) throws Exception {
        // 拼接html格式内容
        StringBuffer sbf = new StringBuffer();
        // 这里拼接一下html标签,便于word文档能够识别
        sbf.append("<html " +
                "xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:w=\"urn:schemas-microsoft-com:office:word\" xmlns:m=\"http://schemas.microsoft.com/office/2004/12/omml\" xmlns=\"http://www.w3.org/TR/REC-html40\"" + //将版式从web版式改成页面试图
                ">");
        sbf.append("<head>" +
                "<!--[if gte mso 9]><xml><w:WordDocument><w:View>Print</w:View><w:TrackMoves>false</w:TrackMoves><w:TrackFormatting/><w:ValidateAgainstSchemas/><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><w:IgnoreMixedContent>false</w:IgnoreMixedContent><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><w:DoNotPromoteQF/><w:LidThemeOther>EN-US</w:LidThemeOther><w:LidThemeAsian>ZH-CN</w:LidThemeAsian><w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><w:Compatibility><w:BreakWrappedTables/><w:SnapToGridInCell/><w:WrapTextWithPunct/><w:UseAsianBreakRules/><w:DontGrowAutofit/><w:SplitPgBreakAndParaMark/><w:DontVertAlignCellWithSp/><w:DontBreakConstrainedForcedTables/><w:DontVertAlignInTxbx/><w:Word11KerningPairs/><w:CachedColBalance/><w:UseFELayout/></w:Compatibility><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><m:mathPr><m:mathFont m:val=\"Cambria Math\"/><m:brkBin m:val=\"before\"/><m:brkBinSub m:val=\"--\"/><m:smallFrac m:val=\"off\"/><m:dispDef/><m:lMargin m:val=\"0\"/> <m:rMargin m:val=\"0\"/><m:defJc m:val=\"centerGroup\"/><m:wrapIndent m:val=\"1440\"/><m:intLim m:val=\"subSup\"/><m:naryLim m:val=\"undOvr\"/></m:mathPr></w:WordDocument></xml><![endif]-->" +
                "</head>");
        sbf.append("<body>");
        // 富文本内容
        sbf.append(content);
        sbf.append("</body></html>");

        // 必须要设置编码,避免中文就会乱码
        byte[] fileBytes = sbf.toString().getBytes("GBK");
        InputStream inputStream = new ByteArrayInputStream(fileBytes);
        MultipartFile file = new MyMultipartFile(fileName,fileName, ContentType.APPLICATION_OCTET_STREAM.toString(), inputStream);
        String url = tencentCOSUtils.upload(file, "file");
        log.info("\n\t==========文件地址：" +url);
        return url;
    }
}

二：业务封装处理

ps：这里的富文本内容需要注意一件事，如果内容中含有图片，那么需要将图片的URL转为Base64编码，不然转换为Word文档后图片是会丢失的！！！

/**
     * 富文本转word 加图片处理
     * @param content --- 富文本内容
     * @param fileName --- 文件名称
     */
    public String export( String content, String fileName) {
        try {
            StringBuilder sb = new StringBuilder(content);
            String tmpContent = sb.toString();

            // 获取img图片标签
            // 1.Jsoup解析html
            Document document = Jsoup.parse(tmpContent);
            // 获取所有img图片标签
            Elements imgs = document.getElementsByTag("img");
            int index = 0;
            List<String> imgBase64List = new ArrayList<>();
            for (Element element : imgs) {
                imgBase64List.add(element.attr("src"));
                // 处理特殊符号
                String attrData = element.attr("src");
                // base64编码后可能包含 + 特殊字符,所以需要转义
                attrData = attrData.replaceAll("\\+", "\\\\+");
                tmpContent = tmpContent.replaceAll(attrData, "{{image_src" + index + "}}");
                index++;
            }
            // 缩放图片大小,然后重新base64编码后替换到富文本内容里面导出word
            index = 0;
            String[] prefixStr = {"data:image/png;base64,","data:image/jpeg;base64,"}; // base64编码前缀
            String prefix = null; // base64编码前缀

            for (String base64 : imgBase64List) {
                if (StrUtil.isNotBlank(base64)) {
                    for (String str: prefixStr) {
                        base64 = base64.replaceAll(str, "");
                        prefix = str;
                    }
                    // 缩小图片
                    BufferedImage bufferedImage = ImageUtils.bytesToBufferedImage(ImageUtils.base64ToByte(base64));
                    if (bufferedImage == null) {
                        tmpContent = tmpContent.replaceAll("\\{\\{image_src" + index + "}}", "");
                    } else {
                        int height = bufferedImage.getHeight();
                        int width = bufferedImage.getWidth();
                        // 如果图片宽度大于650,图片缩放
                        System.out.println("----"+width+"-----"+height);
                        if (width > 650) {
                            //高度等比缩放
                            height = (int)(height*650.0/width);
                            BufferedImage imgZoom = ImageUtils.resizeImage(bufferedImage, 650, height);
                            String imageToBase64 = ImageUtils.imageToBase64(ImageUtils.imageToBytes(imgZoom));
                            tmpContent = tmpContent.replaceAll("\\{\\{image_src" + index + "}}", prefix + imageToBase64);
                        } else {
                            tmpContent = tmpContent.replaceAll("\\{\\{image_src" + index + "}}", prefix + base64);
                        }
                    }
                } else {
                    tmpContent = tmpContent.replaceAll("\\{\\{image_src" + index + "}}", "");
                }
                index++;
            }
            // 执行导出操作
          return  wordUtil.cosHtmlToWord( tmpContent, fileName);
        } catch (Exception e) {
            e.printStackTrace();
            log.error("=========================富文本生成word失败");
            return null;
        }
    }

后续就是基于业务情况，来进行实际的业务封装操作即可，例如
在这里插入图片描述
至此本文总结结束，如果对您有帮助 请点个关注，万分感谢

大耳根图图
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实现html和word的相互转换（带图片）
盛夏温暖流年
06-16 7万+
项目后端使用了springboot，maven，前端使用了ckeditor富文本编辑器。目前从html转换的word为doc格式，而图片处理支持的是docx格式，所以需要手动把doc另存为docx，然后才可以进行图片替换。 一.添加maven依赖 主要使用了以下和poi相关的依赖，为了便于获取html的图片元素，还使用了jsoup： &lt;dependency&gt; &lt;gr...
Java将富文本内容转为WORD，富文本内容中间附带图片（有核心代码）
妃妃不妃的小博客
03-27 1205
天天被催要吧富文本的内容导出来，以前的做法就是标签一去，文本导出，现在不一样了正文，标题，图片都要不同的显示出来，最复杂的还是图片的处理，废话不多说开搞。
Java+SpringBoot+POI进行word2html转换
08-26
通过带着读者基于SpringBoot框架手写POI对word进行编译转换处理。使用POI对word文件内容进行html转换，并支持对目录进行提取，提取后保留目录原本的超链接格式，且转换后的html保留原有word样式。 适合人群：具备一定编程基础，工作1-3年的研发人员 能学到什么：可以学习到word文档针对于不同格式的底层架构以及如何使用POI对其进行处理；关于POI对于wps与office生成的文件的处理方式的不同之处；如何通过代码实现对word文档的编辑操作，例如：为word文档添加分节符的操作；如何对word文档进行目录的提取操作；如何对目录提取后保留起原有格式不变；如何将word通过POI转化为html并保留其原有格式；如何删除多余的空白行。 阅读建议：此资源以SpringBoot为底层技术框架，结合POI对word文档进行操作，学习其实现原理和内核，不仅是代码编写实现也更注重内容上的需求分析和方案设计，所以在学习的过程要结合这些内容一起来实践，并调试对应的代码。另，此资源建议使用idea进行查看。
wangEditor富文本实现导入word
最新发布
weixin_45525177的博客
05-10 172
wangEditor富文本实现导入word，wangEditor实现导入word，wangEditor导入word，wangEditor导入word图片，wangEditor导入word图文，wangEditor导入word文档，wangEditor导入word内容，wangEditor一键导入word，wangEditor一键导入word图文，wangEditor一键导入word文档，用户使用操作起来更方便一些，一般发新闻，或者发文章用的比较多，可以说是高频使用，1.上传zyoffice文件夹。
springboot导出富文本框数据到word
weixin_40807407的博客
02-09 2058
springboot导出富文本框数据，包括表格，图片，加粗，序号等。
基于XWPFDocument和Jsoup实现Html转Word功能
天总会亮
11-27 2484
基于XWPFDocument和Jsoup实现Html转Word功能 需求 用户在系统上根据富文本编辑器（下图所示）可以根据问题类型设计通报头，然后下载成word文档的时候，需要包含通报头。 已实现的功能 word标题生成 字体样式设置：颜色、大小、行高、加粗、斜体、下划线、删除线、背景色、超链接等 标签嵌套、样式嵌套设置 生成表格 插入图片 实现过程 引入maven依赖 <!--poi --> <dependency> <g
导出富文本到Word
qq_45123724的博客
12-14 4565
pom层 cn.afterturn easypoi-spring-boot-starter 4.2.0 org.jsoup jsoup 1.13.1 org.docx4j docx4j 3.3.6 com.deepoove poi-tl 1.6.0-beta1 application-dev.yml 模板导出相关 本地环境 word: temDir: E:/test # 临时文件夹 titleUrl: word/content.docx # 富文本模板地址 c
将html页面转成word(亲测可用)
weixin_44192717的博客
05-19 8929
实现方式:主要是通过aspose.word将html转为word(有轻微的格式问题),再使用jacob调用word宏进行格式调整。 实现步骤 1.导入aspose、jacob的jar以及license.xml <!-- aspose-words 文档操作工具包 --> <dependency> <groupId>com.aspose</groupId> <artifactId>aspose-words</
纯js实现html指定页面导出word
积善之家
09-19 1356
因为最近做了范文网站需要，所以要下载为word文档，如果php进行处理，很吃后台服务器，所以想用前端进行实现。查询github发现，确实有这方面的插件。学校班主任安全工作计划模板_醉学网 (nongpin88.com)这样就搞定了，看看效果吧！
只涉及前端，将html页面导出成word文档
biliPS的博客
12-17 8558
用docxtemplater插件，前端实现html导出word文档（可导出文字、表格、图片） 官方文档https://docxtemplater.com/ 参考地址https://www.cnblogs.com/zmh-980509/p/15480113.html 一、下载插件并引入 // 下载名字与导入名字相同，照着npm/yarn import JSZipUtils from 'jszip-utils'; import PizZip from 'pizzip'; import docxtemp
富文本编辑器生成的含有图片的内容转换成word文档 java 后端下载
06-22
wangEditor 等富文本内容 （含图片： base64格式、http的网络图片等） 转换成word java后端下载
htmltoword.rar
06-23
FileSaver.js html-docx.js jquery.wordexport.js
java使用Jsoup组件生成word文档
10-26
java使用Jsoup组件生成word文档的方法
C# HtmlToWord 将HTML文件转换成word文档
05-10
批量的把html 文件转换成word，不需要电脑上有word软件！并且支持本地图片，html链接的图片必须在本地，可以把图片转换到word里！
springboot集成富文本编辑器
06-20
springboot集成富文本编辑器，maven项目，themyleaf模板
java使用POI实现html和word相互转换
08-26
前端使用了 CKEditor 富文本编辑器。从 HTML 转换到 Word 时，图片处理使用的是 docx 格式。为了获取 HTML 的图片元素，作者使用了 Jsoup 库。 在 Maven 依赖项中，我们可以看到，作者使用了 Apache POI 库的多个...
使用wkhtmltox将HTML富文本生成Pdf(wkhtmlpdf)和图片SpringBoot代码项目示例
03-25
1、此Java项目利用开源工具包wkhtmltopdf及SpringBoot框架将富文本转换为PDF和Image实战示例。 2、有丰富的示例文件，包括将url转image/pdf，将html转image/pdf。 3、提供有Postman接口配置文件，助您快速掌握并高效...
html字符串导出word
一路向前
06-01 1117
字符串html的内容，导出到word 在导出的时候，需要将html字符串的内容导出到word上，html里面常常会有表格，图片等内容，改如何处理呢？ 使用Poi里面的 POIFSFileSystem 处理： 1，引入docx4j: <dependency> <groupId>org.docx4j</groupId> <artifactId>docx4j</artifactId> <vers...
vue中实现将html导出为word/excel
Stitch_xiao的博客
06-22 5128
需求：将页面整成理想样式，将想要的那一部分页面导出成word,不用写模板，按照当前页面样式导出即可。第四步：获取dom节点myContainer并导出（我写的行内样式）第二步：给到处那部分的容器起个id名。第三步：在需要的地方引入依赖。第一步：安装需要的依赖。
springboot vue富文本编辑器图片上传功能实现
05-10
Spring Boot 和 Vue.js 都是目前非常热门的技术，如果你想在 Spring Boot + Vue.js 的项目中实现富文本编辑器图片上传功能，可以考虑以下步骤： 1. 前端实现 使用 Vue.js + 富文本编辑器（比如 Quill.js、wangEditor等）实现富文本编辑器的功能，这些编辑器一般都提供了图片上传的接口。当用户选择上传图片时，前端会将图片数据转成 base64 编码的字符串，并将其发送到后端。 2. 后端实现 在 Spring Boot 中，可以使用 Spring MVC 提供的 MultipartFile 对象处理文件上传。在接收到前端发送的包含 base64 字符串的图片数据时，后端需要对其进行解码，并将解码后的图片数据存储到服务器上。然后将图片在服务器上的存储路径返回给前端。 3. 跨域问题 由于前端和后端可能运行在不同的服务器上，因此需要处理跨域问题。在 Spring Boot 中，可以使用注解 @CrossOrigin 解决跨域问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值