0

がフォルダー構造体であるフォルダーlocalhostを指しているとします。www

www/
    file/test.cpp
    index.html

test.cppで動的にロードしindex.htmlてレンダリングしたいと思いますhighlight.js。

のコードは次のindex.htmlとおりです。

<div id="content"></div>

<script>
$.ajax({
    url: 'file/test.cpp',
    dataType: 'text',
    success: function(code) {
        $('#content').html($('<pre>').append($('<code>').text(code)));
    }
});
<script>

しかし、私が得たものは次のとおりです。

<pre><code>
"
  ...here is the content of test.cpp...
"
</code></pre>

test.cpp?の内容が引用符で囲まれていることに注意してください。どうすればそれらを取り除くことができますか? 彼らはそこにいるべきではありません。を使用するconsole.logと、それらの引用符が表示されないためです。ここで何かを見逃しているに違いないと思います。誰か助けてくれませんか？どうもありがとう。

4

1 に答える 1

1

タグの css のため、引用符が表示されます。コードを強調表示するには、highlight.js のスクリプトを呼び出す必要があります。試す：

$.ajax({
    url: 'file/test.cpp',
    success: function(txt) {
        $('#content').html($('<pre>').append($('<code>').text(code)));
          $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
    }
});
于 2013-11-12T03:26:19.913 に答える