代码之家  ›  专栏  ›  技术社区  ›  Alex Nevado

为什么在将HTML传递到HTML组件(hc:HTML)时忽略字体大小?

font-size jasper-reports html java
  •  2
  • Alex Nevado  · 技术社区  · 7 年前

    我们正在应用程序上构建一个报告特性,在这个特性中,我们将html传递到jasper中,将其导出为pdf。

    我们遇到了一个问题,HTML代码中指定的字体大小无法被jasper导出器“读取”,并且我们拥有的内容越多,报告就越小。 

    <html>
<head>
    <style>
        body {
            font-family: "Trebuchet MS",Arial;
            color: #222222;
            background: #F4F0E8;
            font-size:9.0pt;
        }
        .Izquierda{
            float:left;
        }
        .Derecha{
            float:right;
        }
        .CabeceraInicio{
            margin-bottom:10px;
        }

        .filaN1{
            margin-top: 2px;
            text-align: left;
            line-height: 14px;
            font-size:9.0pt;
            font-weight: bold;
            margin-bottom:2px;
        }
        div.CabeceraInicio,a {
            color: #000033;
        }
        .infoTarea{
            font-size:9.0pt;
            font-weight: bold;
            color:#000033;
            text-align: left;
        }
        .TextoDescripcion{
            width: 90px;
            color: #777777;
        }
        table {
            border-collapse: collapse;
            font-size:9.0pt;
            line-height: 17px;
        }
        div.pie {
            font-size:7.0pt;
            color: #777777;
            text-align: center;
        }
        .solucion {
            margin-left:30px;
            /*padding-left:5px;*/
            /*border-left: thin solid grey;*/
        }
        .nuevasComunicaciones{
            color: brown;
            margin-left:8px;
        }

/*          } */
/*      @media print{ */
/*          a:after{content:" (" attr(href) ") ";font-size:0.8em;font-weight:normal;} */
/*      } */

    </style>
</head>
<body>
<div class="CabeceraInicio">
    <table style="width:100%;">
        <tr>
            <td>
                        GT <a rel="nofollow" href='http://*IPIntranet*:8080/StsPyme/Pyme/IncidenciasyTareas/SeguimientoIncidencias/MaestroTareasMail.zul?start=yes&emp=*Empresa*&idtarea=*Codigo*&ip=*ip*&cuenta=*cuenta*'>_Acceso *TipoTarea* _Intranet</a>
            <!-- http://*IPIntranet*:8080/StsWeb/Pyme/IncidenciasyTareas/SeguimientoIncidencias/MaestroTareas.zul?start=yes&emp=*Empresa*&idtarea=*Codigo* -->
<!--                GT <a href='http://*IPIntranet*:8080/StsWeb/Pyme/IncidenciasyTareas/SeguimientoIncidencias/SeguimientoTareas.zul'>_Acceso *TipoTarea* _Intranet</a> -->
            </td>
            <td style="text-align:right;">
                        <a href='http://*IPInternet*:8080/StsPyme/Pyme/IncidenciasyTareas/SeguimientoIncidencias/MaestroTareasMail.zul?start=yes&emp=*Empresa*&idtarea=*Codigo*&ip=*ip*&cuenta=*cuenta*'>_Acceso *TipoTarea* _Internet</a>
<!--                <a href='http://*IPInternet*:8080/StsWeb/Pyme/IncidenciasyTareas/SeguimientoIncidencias/SeguimientoTareas.zul'>_Acceso *TipoTarea* _Internet</a> -->
            </td>
        </tr>
    </table>
</div>
<br/>
<table style="width:100%;">
    <tr>
        <td>
            <span class="filaN1 infoTarea">*Accion* *TipoTarea* *FechaAccion* *DiaSemana* *HoraAccion* *NombreUsuarioAccion*</span>
        </td>
        <td style="text-align:right;">
            <span class="filaN1 infoTarea ">*NombreEmpresa*</span>
        </td>
    </tr>
</table>
<hr/>
<br/>
<div class="Izquierda" style="font-weight: bold;">
    *EstadoTarea*
</div>
<table style="width:100%;">
    <tr>
        <td class="infoTarea">
            _Informacion *TipoTarea*
        </td>
        <td style="text-align:right;">
            <span class="TextoDescripcion">_CentroExplotacion</span><span class="TextoValor"> *CentroExplotacion*</span>
        </td>
    </tr>
</table>
<hr/>
<br/>
<div class="InfoTarea" style="width:100%">
    <table style="width:100%">
        <tr>
            <td class="TextoDescripcion" valign="top">
                  _Asunto
            </td>
            <td colspan="3" valign="top">
                 *Asunto*
            </td>
        </tr>
        <tr>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                 _Codigo
            </td>
            <td valign="top" style="width:35%">
                 *Codigo*
            </td>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                 _Solicitante
            </td>
            <td valign="top" style="width:35%">
                 *NombreSolicitante*
            </td>
        </tr>
        <tr>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                 _Ambito
            </td>
            <td valign="top" style="width:35%">
                 *Ambito*
            </td>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                 _Responsable
            </td>
            <td valign="top" style="width:35%">
                  *NombreResponsable*
            </td>
        </tr>
        <tr>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                  _Tipo
            </td>
            <td valign="top" style="width:35%">
                 *Tipo*
            </td>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                 _Grado
            </td>
            <td valign="top" style="width:35%">
                  *Grado*
            </td>
        </tr>
        <tr>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                  _Sub Tipo
            </td>
            <td valign="top" style="width:35%">
                 *SubTipo*
            </td>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                 _Prioridad
            </td>
            <td valign="top" style="width:35%">
                  *Prioridad*
            </td>

        </tr>
        <tr>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                  _Relacion
            </td>
            <td valign="top" style="width:35%">
                 *Relacion*
            </td>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                 _Estado
            </td>
            <td valign="top" style="width:35%">
                 *EstadoTarea*
            </td>
        </tr>
    </table>
    <table style="width:100%;margin-top:15px;">
        <tr>
            <td class="TextoDescripcion" valign="top" style="width:15%;">
                  _NumReferencia
            </td>
            <td valign="top">
                 *NumReferencia*
            </td>
        </tr>
    </table>
</div>
<hr/>
<br/>
    <div class="InfoTarea" style="width:100%">
        <table style="width:100%">
            <tr>
                <td class="TextoDescripcion" valign="top">
                    <span class="infoTarea">
                        _Solicitud
                    </span>
                </td>
            </tr>
            <tr>
                <td valign="top" style="padding-bottom:10px;">          
                    *Solicitud*
                </td>
            </tr>
            <tr>
                <td class="TextoDescripcion" valign="top">
                    <span class="infoTarea">
                        _Descripcion
                    </span>
                </td>
            </tr>
            <tr>
                <td valign="top" style="padding-bottom:10px;">          
                    *Descripcion*
                </td>
            </tr>
            <tr>
                <td class="TextoDescripcion" valign="top">
                    <span class="infoTarea">
                        _Informe
                    </span>
                </td>
            </tr>
            <tr>
                <td valign="top" style="padding-bottom:10px;">
                    *Informe*
                </td>
            </tr>
            <tr>
                <td class="TextoDescripcion" valign="top" style="width:auto">
                    <span class="infoTarea">
                        _ArchivosAdjuntos
                    </span>
                </td>
            </tr>
            <tr>
                <td valign="top">
                    *TablaArchivosAdjuntos*
                </td>
            </tr>
        </table>
    </div>
<hr/>
<br/>
    <table style="width:100%">
        <tr>
            <td class="TextoDescripcion" valign="top">
                <span class="infoTarea">
                    _Comunicaciones
                </span>
            </td>
        </tr>
        <tr>
            <td valign="top">
            *Comunicaciones*
            </td>
        </tr>
    </table><hr id="HRcomunicaciones"/><br/>
    <table style="width:100%">
        <tr>
            <td class="TextoDescripcion" style="width:99%" valign="top">
                <span class="infoTarea">
                    _OtrasComunicaciones
                </span>
            </td>
        </tr>
        <tr>
            <td valign="top">
                *OtrasComunicaciones*
            </td>
        </tr>
    </table>
        <!--  </table> --><hr/>
    <table style="width:100%">
        <tr>
            <td class="TextoDescripcion" style="width:99%" valign="top">
                <span class="infoTarea">
                    _textoCambioValidacion
                </span>
            </td>
        </tr>
        <tr>
            <td valign="top">
                *textoCambioValidacion*
            </td>
        </tr>
    </table>
<!-- <hr/> -->
<!-- <div class="InfoTarea">
    <table style="width:100%">
        <tr>
            <td class="TextoDescripcion" valign="top" style="width:15%">
                <span class="infoTarea">
                    _Solucion
                </span>
            </td>
        </tr>
        <tr>
            <td valign="top">
                 *Solucion*
            </td>
        </tr>
    </table>
</div> -->
<br>
</body>
</html>

    这里是JRXML: 

    <?xml version="1.0" encoding="UTF-8"?>
<jasperReport xmlns="http://jasperreports.sourceforge.net/jasperreports" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://jasperreports.sourceforge.net/jasperreports http://jasperreports.sourceforge.net/xsd/jasperreport.xsd" name="StylesReport" pageWidth="595" pageHeight="842" whenNoDataType="AllSectionsNoDetail" columnWidth="555" leftMargin="20" rightMargin="20" topMargin="30" bottomMargin="30" uuid="53f914b8-f951-4433-971d-6b1819430c56">
    <property name="ireport.zoom" value="1.0"/>
    <property name="ireport.x" value="0"/>
    <property name="ireport.y" value="0"/>
    <parameter name="htmlCode" class="java.lang.String"/>
    <title>
        <band height="742">
            <componentElement>
                <reportElement x="0" y="0" width="555" height="742" uuid="8544346f-4c98-4069-a041-f6080a75e906"/>
                <hc:html xmlns:hc="http://jasperreports.sourceforge.net/htmlcomponent" xsi:schemaLocation="http://jasperreports.sourceforge.net/htmlcomponent http://jasperreports.sourceforge.net/xsd/htmlcomponent.xsd" scaleType="RealSize" horizontalAlign="Left" verticalAlign="Top">
                    <hc:htmlContentExpression><![CDATA[$P{htmlCode}]]></hc:htmlContentExpression>
                </hc:html>
            </componentElement>
        </band>
    </title>
</jasperReport>

    这里是导出的Java方法: 

    public String generarReportePdfAdjunto(String html, ArrayList<String> pathsImagenes){
        HashMap hm = null;
        String jrxmlFileName = "";
        String jasperFileName = "";
        String rutaPrincipal = "";
        InputStream reportStream = null;
        jasperFileName = "/frameHtmlv2.jasper";
        reportStream = funciones.class.getResourceAsStream(jasperFileName);             
        String pdfFileName ="*pathToPdf*";
        hm = new HashMap<>();
        hm.put("htmlCode",html);
        hm.put("scaleType", "RealSize");
        // Generate jasper print, llena el report y renderiza el pdf
          JasperPrint jprint = JasperFillManager.fillReport(reportStream, hm, new JREmptyDataSource());
          JasperExportManager.exportReportToPdfFile(jprint, pdfFileName);
}
    1 回复  |  直到 7 年前
        1
  •  0
  •   Petter Friberg Onceler    7 年前

    html组件( hc:html )使用 JEditorPane 将html呈现为图像

    HTML文本。本例中使用的工具包是javax类。摆动文本html。HTMLEditorKit,提供HTML 3.2支持。

    在这些帖子中也可以看到 Which HTML tags are supported in Swing components? Swing组件支持哪些HTML标记? 你需要

    那么我的html有什么问题?

    使用 https://validator.w3.org for example these

    解决方案:

    推荐文章
    Sarah Marie  ·  单击按钮,用随机颜色/大小将每个字母设置为字符串样式
    2 年前
    narb  ·  如何根据xcode中的屏幕大小定义按钮的字体
    7 年前
    user3348410  ·  为什么我的em边距计算不正确?
    7 年前
    nuuse  ·  itextsharp仅在空格上自动调整字体大小和换行符
    7 年前
    mitchmitch24  ·  是否更改Power BI中的默认字体大小?
    7 年前
    Alex Nevado  ·  为什么在将HTML传递到HTML组件(hc:HTML)时忽略字体大小?
    7 年前
    Egor Kolyshkin  ·  如何在不考虑设备方向的情况下自动设置UIButton的字体大小更改?
    7 年前
    adi518  ·  计算手机的CSS字体大小
    7 年前
    Gozie  ·  Django fontsize tinymce
    7 年前
    James  ·  使用我的网站上的按钮更改h1/h2/h3的字体大小(使用本地存储)
    8 年前
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号