HTML到PDF - 如何使用itext XMLWorker显示复选框

时间:2014-02-03 14:29:11

标签: css checkbox itext html-to-pdf

我正在尝试使用XML worker显示复选框但无法这样做。我也尝试过通过CSS,但在将HTML转换为PDF时仍然无法显示相同内容。我使用的是“itextpdf-5.4.2.jar”和“xmlworker-5.4.1.jar”。请求你帮我解决除YaHP转换器以外的替代解决方案,因为我已经完成了90%的编码。在此先感谢!!!!

以下是我尝试的示例HTML代码:

<HTML>
<HEAD>
<script>

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-bottom: 10px;
}
label:before {
    content:"";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    border-radius: 3px;
}
input[type=checkbox] {
    content:"\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
}
input[type=checkbox]:checked + label:before {
    content:"\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
}

</script>
</HEAD>
<BODY>
<div class="checkbox">  
        <input id="check1" type="checkbox" name="check" value="check1" CHECKED/> 
        <label for="check1">Checkbox No. 1</label>  
        <br/>  
        <input id="check2" type="checkbox" name="check" value="check2"/>  
        <label for="check2">Checkbox No. 2</label>  
        <br/>  
        <input id="check3" type="checkbox" name="check" value="check3" checked/>  
        <label for="check3">Checkbox No. 3</label>  
    </div>
</BODY>
</HTML>

以下是PDF中的输出:

第1号复选框

Checkbox No. 2

Checkbox No. 3

1 个答案:

答案 0 :(得分:2)

在stackoverflow中检查此问题。HTML to PDF using iText : How can produce a checkbox 使用您可以创建的Unicode'&amp;#x2610'字符。