Ajax返回的文本周围的未知引号

Question

假设localhost指向文件夹www ，文件夹struct：

www/
    file/test.cpp
    index.html

我想在index.html动态加载test.cpp并使用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 ，这些引号不会显示。 我想我必须在这里想念什么，有人可以帮我吗？ 非常感谢。

Answer 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)});
    }
});