2

我的支持 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>

有两个命令链接。第一个从支持 bean 获取 html 代码,第二个将 html 代码写在 javascript 中的字符串中。第一个 commandLink 不起作用。如果我查看页面的源代码,应该从支持 bean 返回的值是空的。

我还使用以下方法打印了支持 bean 中属性的值:

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

但什么都没有显示。我getHtmlPrevisualizar()在 Eclipse 控制台中调用并打印了它的内容,它返回了正确的 html 代码。

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

4

2 回答 2

3

escape="false"在您的<h:outputText />标签组件中设置

<h:outputText value="#{nuevoEditarEstructura.htmlPrevisualizar}" escape="false" />
于 2012-06-13T19:52:57.423 回答
0

嗯,这很尴尬。问题是支持 bean 名称拼写错误,仅此而已。我希望我们能得到某种警告,而不是默默地失败。

于 2012-06-14T08:08:34.677 回答