Javascript Div元素周围的语法高亮显示

我正在使用语法highlighter插件，我希望它始终应用于特定的div区域。div的内容将根据单击超链接进行更改。如何始终在“mydiv”元素周围包含语法highlighter脚本标记

<script>
    function viewCode() {
        $('#mydiv').load('euler/_48.py');   
    }
</script>

<a href="#" onClick="viewCode();return true">View Code</a>

<div id="mydiv">
    my div's initial content
</div>

<script type="syntaxhighlighter" class="brush: js"><![CDATA[
    //always apply this script to mydiv
]]></script>

函数viewCode（）{
$（'#mydiv'）.load（'euler/_48.py'）；
}
我的div的初始内容

使用syntaxHighlighter，您无法突出显示页面上的任意元素，因此我们将坚持使用

脚本

方法

首先，给脚本和锚定标记一个

id

，如

<a href="#" id="show_code">Show Code</a>
<script type="syntaxhighlighter" class="brush: js" id="highlighted"></script>

使用这段Javascript

$.get('euler/_48.py', function(data){
  $('#highlighted').text(data);
  SyntaxHighligher.highlight();
});

---

使用syntaxHighlighter，您无法突出显示页面上的任意元素，因此我们将坚持使用

脚本

方法

首先，给脚本和锚定标记一个

id

，如

<a href="#" id="show_code">Show Code</a>
<script type="syntaxhighlighter" class="brush: js" id="highlighted"></script>

使用这段Javascript

$.get('euler/_48.py', function(data){
  $('#highlighted').text(data);
  SyntaxHighligher.highlight();
});

---

我想你可以调用HighlightAll方法

例如：

dp.SyntaxHighlighter.HighlightAll（“代码”）；

---

苏丹

我想你可以调用HighlightAll方法

例如：

dp.SyntaxHighlighter.HighlightAll（“代码”）；

---

苏丹

谢谢。我如何将其应用于#mydiv？它只是$（'mydiv'）.get而不是我的$（'mydiv'）.load吗？我一直在用我刚才所说的来尝试你的建议，但目前对我来说不起作用。@medikgt你不能，也不应该-就像我在第一行中所说的，你不应该尝试在任何HTML元素上使用syntaxHighlighter-仅

脚本

或

pre

。

.load（）

语法很特殊，因为它实际上是从元素中调用的。@medikgt我认为您混淆了某些东西。你需要澄清你在这里想做什么。我以为你在做的是将外部文件的内容加载到一个

div

，然后对其应用语法高亮显示，对吗？@medikgt然后你需要将我给你的代码放入click事件处理程序中，等待我修改代码。谢谢。我如何将其应用于#mydiv？它只是$（'mydiv'）.get而不是我的$（'mydiv'）.load吗？我一直在用我刚才所说的来尝试你的建议，但目前对我来说不起作用。@medikgt你不能，也不应该-就像我在第一行中所说的，你不应该尝试在任何HTML元素上使用syntaxHighlighter-仅

脚本

或

pre

。

.load（）

语法很特殊，因为它实际上是从元素中调用的。@medikgt我认为您混淆了某些东西。你需要澄清你在这里想做什么。我以为您正在做的是将外部文件的内容加载到

div

，然后对其应用语法高亮显示，对吗？@medikgt然后您需要将我给您的代码放入click事件处理程序中，等待我修改代码。