HTMLレンダリングが単純な「タイトル」変更でプレーンテキストとして表示されるのはなぜですか？

Question

私は以下のコードで（つまり、デフォルトで「新しいコメントを追加」レンダリング）各ノードのComment Link「タイトル」テキストを変更することができましたが、私はHTMLを追加する場合、それはプレーンテキストとしてレンダリングされます。私はこのテキスト<i class="fa fa-comments" aria-hidden="true"></i>

function MODULE_node_view_alter(&$build) { 
    $node = $build['#node']; 
    if (isset($build['links']['comment']['#links']['comment-add'])) { 
    $build['links']['comment']['#links']['comment-add']['title'] = '<i class="fa fa-comments" aria-hidden="true"></i> Add Comment'; 
    } 
} 

私が合格したすべての$ビルドパラメータである前にFontAwesomeアイコンを追加しようとしているが、私はこれが問題であるかどうかが不明です。

アイデア？

Answer 1

あなたはTRUEにhtmlオプションを設定することで、リンクでHTMLをレンダリングすることができます。 すべてのオプションを表示するにはtheme_links()を確認してください。

theme('links', array(
    'links' => array(
    'title' => '<span>Title</span>', 
    'href' => 'node/1', 
    'html' => TRUE, 
) 
)) 

HTMLとしてスパンタグをレンダリングするであろうしながら

theme('links', array(
    'links' => array(
    'title' => '<span>Title</span>', 
    'href' => 'node/1', 
    'html' => FALSE, // default 
) 
)) 

例えば

は、エスケープされているスパンタグをもたらすであろう。

だからあなたの場合には、次の行を追加する必要があります。

$build['links']['comment']['#links']['comment-add']['html] = TRUE; 

Answer 2

それはプレーンテキストと翻訳対象として維持する必要があるかもしれないフィールドのタイプであるとして、あなたは、アイコンを付加するためにCSSを使用することができ、そのフィールドにHTMLを含めることができない場合。

a:before { 
 
     font-family: FontAwesome; 
 
     content: "\f086"; 
 
    } 
 
    
 
    
 

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 

 
<a>Add Comment</a>