如何在JSF中包含代码块

Question

我想在JSF页面中包含“示例代码”。 客户应该能够阅读此代码并复制粘贴。 知道怎么做吗？

下面的StackOverflow应该看起来像这个代码块：

<p:splitButton value="Save" update="messages" icon="ui-icon-disk">
    <p:menuitem value="Update" outcome="splitButton.xhtml" update="messages" icon="ui-icon-arrowrefresh-1-w" />
    <p:menuitem value="Delete" outcome="splitButton.xhtml" icon="ui-icon-close" />
    <p:separator />
    <p:menuitem value="Homepage" url="http://www.primefaces.org" icon="ui-icon-extlink" />
</p:splitButton>

我没有找到关于这个主题的任何好例子。感谢帮助。

Answer 1

我一直在使用Google Code Prettify。它由CSS和JS文件组成，还有大量的颜色主题。尝试将您的代码放在消息包中，并将其包含在：

中

讯息

test.pretty=<p:splitButton value="Save" update="messages" icon="ui-icon-disk">\n  ... 

<强> XHTML

<pre class="prettyprint linenums">
    <h:outputText value="#{messages['test.pretty']}" escape="true"/>
</pre>

<强>输出

您可以找到项目here和颜色主题here。

如果你想减小占用空间，那么你可以使用<pre>标签和自己的CSS。