GVKun编程网logo

如何将 HTML 和 CSS 添加到 PDF(html中怎么导入css)

22

本篇文章给大家谈谈如何将HTML和CSS添加到PDF,以及html中怎么导入css的知识点,同时本文还将给你拓展c#–如何将HTML属性添加到RazorHtmlHelper?、com.itextpdf

本篇文章给大家谈谈如何将 HTML 和 CSS 添加到 PDF,以及html中怎么导入css的知识点,同时本文还将给你拓展c# – 如何将HTML属性添加到Razor HtmlHelper?、com.itextpdf.html2pdf -2.1.5 html转换pdf、css – wkhtmltopdf – 将内容添加到最后一页的底部、css – 如何将HTML表单数据输出到PDF?等相关知识,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

如何将 HTML 和 CSS 添加到 PDF(html中怎么导入css)

如何将 HTML 和 CSS 添加到 PDF(html中怎么导入css)

我有一个在 Firefox 3 和 IE 7 中呈现良好的 HTML(不是 XHTML)文档。它使用相当基本的 CSS 来设置样式并在 HTML 中呈现良好。

我现在正在寻找一种将其转换为 PDF 的方法。我努力了:

  • DOMPDF:表格存在巨大问题。我分解了我的大型嵌套表并且它有所帮助(在它消耗高达 128M 的内存然后死亡之前——这是我在 php.ini 中的内存限制)但它使表完全混乱并且似乎没有得到图片。表格只是一些基本的东西,带有一些边框样式,可以在各个点添加一些线条;
  • HTML2PDF 和 HTML2PS:实际上我的运气更好。它渲染了一些图像(所有图像都是谷歌图表 URL),表格格式要好得多,但它似乎有一些我还没有弄清楚的复杂性问题,并且一直死于未知的 node_type() 错误。不知道从这里去哪里;和
  • Htmldoc:这似乎在基本的 HTML 上工作得很好,但几乎不支持 CSS,所以你必须在 HTML 中做所有事情(我没有意识到在 Htmldoc-land 中它仍然是 2001 年......)所以它对我没用。

我尝试了一个名为 Html2Pdf Pilot 的 Windows 应用程序,它实际上做得相当不错,但我需要至少在 Linux 上运行并且理想情况下通过 Web 服务器上的 PHP 按需运行的东西。

我错过了什么,或者我该如何解决这个问题?

c# – 如何将HTML属性添加到Razor HtmlHelper?

c# – 如何将HTML属性添加到Razor HtmlHelper?

我有一些关于Razor语法的一般性问题我一直在寻找一个正在研究的项目……

使用的主要助手之一是:@ Html.InputFor

然后他们插入一些Lambda例如:@ Html.InputFor(_ => _.User)

我的问题是,我如何使用这个助手(我无法通过谷歌搜索找到任何细节),即添加自定义CSS类等属性?

我应该使用更好的帮手吗? (我是Razor的新手)

解决方法

我认为你的意思是 @Html.TextBoxFor.该扩展方法可以在InputExtensions类中找到.

如何附加属性?使用htmlAttributes属性:

@Html.TextBoxFor(x => x.User,htmlAttributes : new { @} )

com.itextpdf.html2pdf -2.1.5 html转换pdf

com.itextpdf.html2pdf -2.1.5 html转换pdf

html2pdf 是itext提供的网页转PDF包

老版本的

itextpdf 对html标签转换支持太差,现在升级到最新版本

1,使用版本maven

          <dependency>
			<groupId>com.itextpdf</groupId>
			<artifactId>html2pdf</artifactId>
			<version>2.1.5</version>
		</dependency>

2, 示例

String html="<html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/><title>First parse</title></head>" +
                "<body  style=\"font-family: SimSun\"><div class=\"t1 pl2\" style=\"  margin: 0;  display: flex;flex-wrap: wrap;align-items: center;\">\n" +
                "        <div class=\"ml15\" style=\"display: inline-block;\"><input id=\"ck1\" checked=\"checked\" type=\"checkbox\"><label for=\"ck1\">嘟嘟嘟</label></div>\n" +
                "        <div class=\"ml15\" style=\"display: inline-block;\"><input id=\"ck2\" type=\"checkbox\"><label for=\"ck2\">嘿嘿嘿</label></div>\n" +
                "        <div class=\"ml15\" style=\"display: inline-block;\"><input id=\"ck3\" type=\"checkbox\"><label for=\"ck3\">哈哈哈</label></div>\n" +
                "        <div class=\"ml15\" style=\"display: inline-block;\"><input id=\"ck4\" type=\"checkbox\"><label for=\"ck4\">啦啦啦</label></div>\n" +
                "    </div><div><ul>\n" +
                "<li>Coffee</li>\n" +
                "<li>Milk</li>\n" +
                "<li>可以选择</li>\n" +
                "</ul></div></body></html>";

        //pdf转换配置类
        ConverterProperties converterProperties=new ConverterProperties();

        //中文字体
        String a= "D:\\work\\test\\src\\main\\webapp\\static\\dsPdf\\SONGTI.TTF";

        FontProvider fontProvider=new FontProvider();
        fontProvider.addStandardPdfFonts();
        fontProvider.addFont(a);
        converterProperties.setFontProvider(fontProvider);
        converterProperties.setCharset("UTF-8");
        //输出地址
        PdfWriter pdfWriter =new PdfWriter(new FileOutputStream("D:\\work\\test\\src\\main\\webapp\\upload\\2019-10-28"+"/a.pdf"));
        //开始转换
        HtmlConverter.convertToPdf(html,pdfWriter,converterProperties);

  

css – wkhtmltopdf – 将内容添加到最后一页的底部

css – wkhtmltopdf – 将内容添加到最后一页的底部

我使用wkhtmltopdf从HTML创建PDF报告,我需要创建一个跟随这种模式的自定义报告:

>第一页顶部的一些信息。
>可以有1到n行的表(它应该使用任何数量的页面)
>最后一页末尾的一些信息。

把这一切放在一起做的伎俩;但是,由于步骤3信息立即出现在表格之后,是否有办法将内容放在页面的末尾?

我甚至不确定这个解决方案是基于CSS还是基于wkhtmltopdf。

解决方法

http://madalgo.au.dk/~jakobt/wkhtmltoxdoc/wkhtmltopdf-0.9.9-doc.html

看看“页脚和页眉”部分。

您可以使用–footer-html结合一些JavaScript来执行此操作。

wkhtmltopdf --footer-html footer.html http://www.stackoverflow.com/ so.pdf

我基于我的footer.html的内容在上面的链接中提供的示例:

<!DOCTYPE html>

<script>
window.onload = function() {
    var vars = {};
    var x = document.location.search.substring(1).split('&');
    for (var i in x) {
        var z = x[i].split('=',2);
        vars[z[0]] = unescape(z[1]);
    }

    //if current page number == last page number
    if (vars['page'] == vars['topage']) {
        document.querySelectorAll('.extra')[0].textContent = 'extra text here';
    }
};
</script>

<style>
.extra {
    color: red;
}
</style>

<div></div>

css – 如何将HTML表单数据输出到PDF?

css – 如何将HTML表单数据输出到PDF?

我需要从 HTML表单中的访问者收集数据,然后让他们打印一个预先填充了相应字段的文档.他们需要在文档上有几个签名,因此必须打印.

纸质表格已经存在,因此有一个想法是将其扫描,没有填写任何内容,作为图像.然后,我将使用CSS打印出HTML表单数据进行定位,并将空白扫描表单用作背景图像.

我认为,更好的选择是使用这些数据自动生成PDF,但我不知道如何完成.

建议和想法将不胜感激! =)

解决方法

我不得不恭敬地不同意奥斯瓦尔多.使用CSS在打印文档上对齐在跨浏览器集成方面需要很长时间才能有效地完成.此外,如果微软推出新的浏览器,您将不得不不断更新浏览器中的新用途.

如果你知道任何PHP(如果你知道JavaScript和HTML,基本的PHP非常简单),这里有一个很好的库,你可以使用,FDPF:

值得庆幸的是,PHP不会弃用大量的方法,如果你必须进行改变,那么总代码少于10行.

关于如何将 HTML 和 CSS 添加到 PDFhtml中怎么导入css的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于c# – 如何将HTML属性添加到Razor HtmlHelper?、com.itextpdf.html2pdf -2.1.5 html转换pdf、css – wkhtmltopdf – 将内容添加到最后一页的底部、css – 如何将HTML表单数据输出到PDF?等相关知识的信息别忘了在本站进行查找喔。

本文标签: