如何在 iText 5 中显示 WYSIWYG 字段？答案

【问题标题】：How to display a WYSIWYG field in iText 5?如何在 iText 5 中显示 WYSIWYG 字段？
【发布时间】：2021-02-26 16:22:22
【问题描述】：

我正在使用 java 和 iText 5 来生成 PDF。我的输入行之一来自一个 WYSIWYG 编辑器，其中包含嵌入了 base64 图像的 html（即，不是图像的链接）。 WYSIWYG 可以有零到多个图像。

所见即所得包含：

这个“描述”由我的代码处理：

Document document = new Document(PageSize.A4, 72f, 72f, 72f, 72f);
PdfWriter.getInstance(document, resourceImage);
document.open();

          String ppDescription = "";
          if(activityDtl.getPPDescription() == null || activityDtl.getPPDescription().isEmpty()){
              ppDescription = "";
          }else{
              //Clean the HTML to be correct XHTML
              String cleanDesc = cleanHTML(activityDtl.getPPDescription());
              InputStream inputStream1 = new ByteArrayInputStream (cleanDesc.getBytes("UTF-8"));
              ByteArrayOutputStream baos1 = new ByteArrayOutputStream();
              Tidy tidy1 = new Tidy();
              tidy1.setXHTML(true);
              tidy1.setQuiet(true);
              tidy1.setShowWarnings(false);
                
              tidy1.parseDOM(inputStream1, baos1);
              ppDescription = baos1.toString();
//            System.out.println("ppDescription: " + ppDescription);
          }

          p6.add(new Chunk("Description:   ", smallBold));
          if(ppDescription == null || ppDescription.isEmpty()){
              p6.add("");
          }else{
              ElementList list1 = XMLWorkerHelper.parseToElementList(ppDescription, null);
              System.out.println("list1: " + list1);
              for (Element element : list1) {
                  p6.add(element);
              }
          }
          cell.addElement(p6);

这是在该字段（描述）的输入中收到的内容是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator"
content="HTML Tidy for Java (vers. 2009-12-01), see jtidy.sourceforge.net" />
<title></title>
</head>
<body>
<p>Cooking instructions:</p>
<p><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAggAAAC .... H3BNquwQYUAAAAASUVORK5CYII="
 alt="" /></p>
<p>Cook the fish.</p>
</body>
</html>

这就是 PDF 中的内容：

我希望在 PDF 中拥有与所见即所得中的第一张图像相同的图像（即两条指令行之间的图像）。

【问题讨论】：

iText 布局元素接受纯文本并具有用于各种样式属性的设置器。如果您想将 HTML 转换为此类元素，请使用 iText XMLWorker 执行此操作。
谢谢mkl。我已经修改了上面的代码，并且无法将转换的输出添加到我的代码中。另外，这会满足所见即所得的图像吗？
我找到了如何显示html（请参见上文）；但是，如果 WYSIWYG 中有图像，则它不起作用。如果 WYSIWYG 中有图像，则不显示整个段落（即 ANZAC Biscuits 有图像但不显示，Tests - Copy 没有图像并显示。如果我从 ANZAC Biscuits 中删除图像，那么它显示。）。
如何从该 HTML 引用图像？ XMLWorker 很可能不支持完整的 HTML 标准；但它是可扩展的，可能你只需要添加一些帮助类。（但我不得不承认，我并不真正深入了解XMLWorker，因为我根本不需要处理 HTML 到 PDF 的用例。）
嗨，mkl，我在引导程序上使用 Summernote 所见即所得编辑。图像包含在文本字段中并存储在数据库中（MySQL 为 mediumtext）。没有对图像的引用。

标签： java itext

【解决方案1】：

感谢 mkl 和这个链接 https://stackoverflow.com/a/20938015/1729265 我有：

Document document = new Document(PageSize.A4, 72f, 72f, 72f, 72f);
PdfWriter.getInstance(document, resourceImage);
document.open();


for (final PPActityDetail activityDtl : activityList) {
    PdfPCell cell = new PdfPCell();
    cell = new PdfPCell();


    Paragraph p6 = new Paragraph("");

    p6.add(new Chunk("Description:   ", smallBold));

    final TagProcessorFactory tagProcessorFactory = 
    Tags.getHtmlTagProcessorFactory();
    tagProcessorFactory.removeProcessor(HTML.Tag.IMG);
    tagProcessorFactory.addProcessor(new ImageTagProcessor(), HTML.Tag.IMG);

    final CssFilesImpl cssFiles = new CssFilesImpl();
    cssFiles.add(XMLWorkerHelper.getInstance().getDefaultCSS());
    final StyleAttrCSSResolver cssResolver = new StyleAttrCSSResolver(cssFiles);
    final HtmlPipelineContext hpc = new HtmlPipelineContext(new CssAppliersImpl());
              
    hpc.setAcceptUnknown(true).autoBookmark(true).setTagFactory(tagProcessorFactory);
    final HtmlPipeline htmlPipeline = new HtmlPipeline(hpc, new PdfWriterPipeline(document, pdfWriter));
    final Pipeline<?> pipeline = new CssResolverPipeline(cssResolver, htmlPipeline);
    final XMLWorker worker = new XMLWorker(pipeline, true);
    final Charset charset = Charset.forName("UTF-8");
    final XMLParser xmlParser = new XMLParser(true, worker, charset);
    final InputStream is = new ByteArrayInputStream (ppDescription.getBytes("UTF-8"));
    xmlParser.parse(is, charset);

    cell.addElement(p6);

现在我需要将上面的输出 (xmlParser.parse(is, charset)) 添加到 p6 以将其包含在表中。我试过了：

p6.add(xmlParser.parse(is, charset));

但是，这给了我一条错误消息：

The method add(Element) in the type Paragraph is not applicable for the arguments (void)

这是修改后的类：

class ImageTagProcessor extends com.itextpdf.tool.xml.html.Image {

    private final Logger logger = LoggerFactory.getLogger(getClass());
    
    /*
     * (non-Javadoc)
     * 
     * @see com.itextpdf.tool.xml.TagProcessor#endElement(com.itextpdf.tool.xml.Tag, java.util.List, com.itextpdf.text.Document)
     */
    public List<Element> end(final WorkerContext ctx, final Tag tag, final List<Element> currentContent) {
        final Map<String, String> attributes = tag.getAttributes();
        String src = attributes.get(HTML.Attribute.SRC);
        List<Element> elements = new ArrayList<Element>(1);
        if (null != src && src.length() > 0) {
            Image img = null;
            if (src.startsWith("data:image/")) {
                final String base64Data = src.substring(src.indexOf(",") + 1);
                try {
                    img = Image.getInstance(Base64.decode(base64Data));
                } catch (Exception e) {
                    if (logger.isLogging(Level.ERROR)) {
                        logger.error(String.format(LocaleMessages.getInstance().getMessage(LocaleMessages.HTML_IMG_RETRIEVE_FAIL), src), e);
                    }
                }
                if (img != null) {
                    try {
                        final HtmlPipelineContext htmlPipelineContext = getHtmlPipelineContext(ctx);
                        elements.add(getCssAppliers().apply(new Chunk((com.itextpdf.text.Image) getCssAppliers().apply(img, tag, htmlPipelineContext), 0, 0, true), tag,
                            htmlPipelineContext));
                    } catch (NoCustomContextException e) {
                        throw new RuntimeWorkerException(e);
                    }
                }
            }
    
            if (img == null) {
                elements = super.end(ctx, tag, currentContent);
            }
        }
        return elements;
    }
}

【讨论】：