修改wec：outputHtml中的显示标记

Question

我必须在Facelets页面上修改以下标记的表示：

<wec:outputHtml id="ohOv" value="#{cc.vch.itemOverview}" />

屏幕上的当前输出：

  

ID：0.1875“OD：0.25”长度：0.25“材料明细

屏幕上的所需输出：

  

ID：0.1875“
  外径：0.25“
  长度：0.25“
  材料明细

换句话说，我想保留换行符。请注意，材料明细是一个链接。

我尝试了以下内容：

1. 在white-space:pre-line;
上使用CSS <wec:outputHtml styleClass>

2. 使用JavaScript：

   var myVar = "#{cc.vch.itemOverview}".text;
   document.write(myVar);
   

   在为其赋值时，我无法显示任何javascript变量。