Question

我的支持bean中有一个返回html代码的属性：

public String getHtmlPrevisualizar() {
    return "<html><head><title></title></head><body>Hello world.</body></html>";
}

我想要做的是在iframe中显示此HTML代码。我用javascript做这个。这是xhtml页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <f:loadBundle basename="resources" var="msg" />
<head>
    <title>#{msg['pageTitle']}</title>
</head>
<body>
<ui:composition template="/WEB-INF/facelets/templates/sqa/plantilla.xhtml">  
    <ui:define name="title">#{msg['pageTitle']}</ui:define>
    <ui:define name="javascript">
        <script type="text/javascript">
            function showPreview() {
                var doc = document.getElementById('iframePreview').contentWindow.document;
                doc.open();
                doc.write('#{nuevoEditarEstructura.htmlPrevisualizar}');
                doc.close();
                return false;
            }
            function showPreview2() {
                var doc = document.getElementById('iframePreview').contentWindow.document;
                doc.open();
                doc.write('<html><head><title></title></head><body>Hello world.</body></html>');
                doc.close();
                return false;
            }
        </script>
    </ui:define>
    <ui:define name="content">
        <h:form>
            <a4j:commandLink value="Preview" styleClass="boton" onclick="showPreview();"/>
            <a4j:commandLink value="Preview2" styleClass="boton" onclick="showPreview2();"/>
            <br/>
            <br/>
            <h:outputText value="#{nuevoEditarEstructura.htmlPrevisualizar}" />
            <br/>
            <br/>
            #{nuevoEditarEstructura.htmlPrevisualizar}
            <br/>
            <br/>
        </h:form>
        <iframe id="iframePreview">
        </iframe>
    </ui:define>  
</ui:composition>
</body>
</html>

有两个commandLinks。第一个从支持bean获取html代码，第二个在javascript中使用字符串编写的html代码。第一个commandLink不起作用。如果我查看页面的源代码，那么应该从辅助bean返回的值为空。

我已经使用以下内容打印了支持bean中的属性值：

        <h:outputText value="#{nuevoEditarEstructura.htmlPrevisualizar}" />
        <br/>
        <br/>
        #{nuevoEditarEstructura.htmlPrevisualizar}

但是没有显示出来。我已调用getHtmlPrevisualizar()并在eclipse控制台中打印其内容，并返回正确的html代码。

我知道转义字符和facelets可能存在一些问题，我原本期望必须处理被转义的html中的字符，但我什么也得不到。

Answer 1

在escape="false"代码组件

中设置<h:outputText />

<h:outputText value="#{nuevoEditarEstructura.htmlPrevisualizar}" escape="false" />

Answer 2

嗯，这很令人尴尬。问题是，支持bean名称拼写错误，没有别的。我希望我们可以得到某种警告，而不是只是默默地失败。

应该返回带有html代码的字符串的backing bean属性返回空字符串

2 个答案: