如何在JSF中包含代码块

我想在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>

---

我找不到关于这个话题的好例子。非常感谢您的帮助。

我一直在使用谷歌代码美化。它由CSS和JS文件组成，还有大量的颜色主题。尝试将代码放入消息包中，并将其包含在以下内容中：

消息

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

test.pretty=\n。。。

XHTML

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

输出

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

如果您希望占用较小的空间，那么可以使用

标记和自己的CSS