htmlコードのテキストのスタイリング

Question

私はいくつかのテキストの魔法使いをhtmlの<code>タグで囲んでいます。しかし、スタイリングはサーバー側のクラスで行われます。例えば：

myValue.replaceAll(" " + textToStyle + " ", " <span style=\"color: orange;\"> " + textToStyle + "</span> "); 

このラインについて<code>タグでラップされたテキストとして行きます。テキストは、JSFのデータテーブルに表示されます。

<h:column> 
    <code class="dt_row"> 
     #{myList.myValue} 
    </code> 
</h:column> 

<code>タグCSSクラス：

.dt_row { 
    height: 8px; 
    margin: 3px 3px 3px 3px; 
    color: #000000; 
    font-size: 12px; 
} 

HTMLはコードはすべてのタグに表示されているブラウザに表示されたときに問題があります。私はそれが欲しい、この<span style=\"color: orange;\">はページに表示されますが、テキスト値はオレンジ色で表示されます。

これを実現する方法はありますか？

Answer 1

代わりの

#{myList.myValue} 

（そうでない場合、フレームワークは、文字列をエスケープします...）の作業を行う必要がありますがfalseに "エスケープ" を設定

<h:outputText value="#{myList.myValue}" escape="false" /> 

をしようとします。

Answer 2

もっとエレガントな方法は、時間のスタイル属性を使用することです：outputTextのコンポーネントと例えば色の豆を参照：

申し訳

<h:column> 
    <code class="dt_row"> 
     <h:outputText value="#{myList.myValue}" style="color: #{myList.color};" /> 
    </code> 
</h:column>