2014-09-19 134 views
0

我使用highlight.js要突出以下代碼:使用代碼標記突出顯示HTML代碼 - 錯誤?

<pre><code class="hljs php"> 
echo '<table border="1">'; 
echo '<tr>'; 
    foreach ($keys as &$k) 
    { 
    echo '<th>'.$k.'</th>'; 
    } 
echo '</tr>'; 
echo '</table>' 
</code></pre> 

AAAND所有的表標籤是由瀏覽器中呈現,而不是顯示爲明文... see for yourself(jsfiddle without highlight.js)

是不是我oris的代碼標籤有什麼問題? 任何想法? 謝謝

+0

這裏唯一錯誤的是你的[誤解代碼標記](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code)。 – Kaii 2014-09-19 19:38:04

+0

所以它唯一的'風格'? – rudib 2014-09-19 20:14:31

回答

2

您的標籤:

<pre><code bla bla> must end </pre></code> 

最終

<pre><code bla bla> must end </code></pre> 

編輯: 答案的評論:

<pre> 
    <code class="hljs php"> 
     &lt;table&gt; 
      &lt;tr&gt; 
       &lt;th&gt;1&lt;/th&gt; 
       &lt;th&gt;2&lt;/th&gt; 
       &lt;th&gt;3&lt;/th&gt; 
       &lt;th&gt;4&lt;/th&gt; 
       &lt;th&gt;5&lt;/th&gt; 
      &lt;/tr&gt; 
     &lt;/table&gt; 
    </code> 
</pre> 

其nessecsary到HTML逃離「<'和'>'。 這可以通過this php Function

+0

sry,但那是一個錯字...它仍然不起作用... – rudib 2014-09-19 19:53:33

+0

好吧,你必須將'<' and '>'字符更改爲他對應的html代碼:http://jsfiddle.net/olliestrevel/dL7e41q6/ – 2014-09-19 20:02:25

+0

非常感謝你!!但不應該代碼標籤「停用」(也HTML代碼)裏面? – rudib 2014-09-19 20:07:22

1

爲什麼不只是使用HTML5標籤?

<mark>Text here</mark> 
+0

以及... http://jsfiddle.net/9m3hsorp/ - 但我現在明白了。 Thx爲您的貢獻! – rudib 2014-09-19 20:13:15

+0

不要標記所有內容。只是你想標記的部分。 – Typeconor 2014-09-19 21:34:37