如何突出显示可见<script>元素的语法?</script>

时间:2012-12-13 10:06:13

标签: html5 syntax-highlighting

我有这个HTML代码:

<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" href="http://yandex.st/highlightjs/7.3/styles/default.min.css">
<script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
  $(document).ready(function() {
    $('code script').each(function(i, e){hljs.highlightBlock(e)});
  });
</script>
<style>
  code script{display:block}
</style>
<body>

<pre>
  <code>
    <script>
      // javascript stuff to be highlighted
    </script>
  </code>
</pre>

如何突出显示上一个<script>元素中的语法

如果我使用$('pre code')并删除<script>元素,则此功能正常。

1 个答案:

答案 0 :(得分:-1)

您需要为脚本提供一个类型

示例

type="text/javascript"