不支持pdf格式的HTML样式标记

时间:2015-10-16 03:46:32

标签: html css asp.net-mvc pdf

我正在将.html文件加载到 RTE(富文本编辑器),然后点击另存为PDF按钮后保存为PDF

这是RTE编辑器内容的视图

enter image description here

一旦我点击另存为PDF并通过adobe pdf阅读器打开,我就会收到这种PDF

enter image description here

它是一个缺少部分的无格式结构,我该怎么做才能获得RTE编辑器内容中存在的确切视图

这是RTE编辑器内容加载html文件

<!DOCTYPE html>  
<html>  
<head>   
</head>  
<body>  
    <div id="header" style="font-family:'Segoe UI';background-color: black;color: white;text-align: center;padding: 5px;">  
        <h1 style="font-family:'Segoe UI';color: white;text-align: center;">Bank Brochure</h1>  
    </div>  

    <div id="nav" style="font-family:'Segoe UI';line-height: 30px;background-color: #eeeeee;height: 300px;width: 100px;float: left;padding: 5px;">  
        London<br>  
        Paris<br>  
        Tokyo<br>  
    </div>  

    <div id="section" style="font-family:'Segoe UI';float: left;padding: 10px;color:black">  
        <h2>London</h2>  
        <p>  
            London is the capital city of England. It is the most populous city in the United Kingdom,  
            with a metropolitan area of over 13 million inhabitants.  
        </p>  
        <p>  
            Standing on the River Thames, London has been a major settlement for two millennia,  
            its history going back to its founding by the Romans, who named it Londinium.  
        </p>  
    </div>  

    <div id="footer" style="font-family:'Segoe UI';background-color: black;color: white;clear: both;text-align: center;padding: 5px;">  
        Copyright © 2015 Zoo Group , Solution by kelum.  
    </div>  


</body>  
</html>

一旦我与这个RTE编辑技术管理员沟通,他们就说因为上面的html文件,某些样式不支持pdf。

这可能吗?如果是这样,我想知道什么不支持HTML标记

或欣赏是否可以建议一种方法来获得RTE编辑器内容中存在的精确视图为PDF

1 个答案:

答案 0 :(得分:1)

PDF不直接支持HTML(*)。 HTML布局和样式需要转换为PDF语法,以生成看起来类似的东西。因此,这不是某些HTML样式不受PDF 支持的限制。这是RTE工具的限制,在转换为PDF时不支持这些。

我尝试使用iText的XML Worker转换HTML示例(免责声明:我是iText Software员工)。我不得不进行一些小调整,因为XML Worker基于处理XHTML;必须关闭<br><br />。通过这种调整,这就是PDF的样子:

PDF screenshot

(*)忽略表单字段中的富文本,这似乎超出了这个问题的范围。