Question

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

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时，这些引号不显示。我想我必须在这里错过一些东西，任何人都可以帮助我吗？非常感谢。

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

ajax返回的文本周围有未知引号

1 个答案: