如何在JSF中包含代碼塊

Question

我想在JSF頁面中包含「示例代碼」。 客戶應該能夠閱讀此代碼並複製粘貼。 任何想法如何做到這一點？

它應該看起來像下面這樣在這裏代碼塊在計算器上：

<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。