javascript - 如何将逐字源代码包含到 html 文档中

Question

我编写了几个 C++ 程序，它们与 reveal.js 演示文稿位于同一个存储库中。我想做的是简单地将 C++ 源文件包含到我的文档中。

首先，我找到了一种使用以下函数将文件包含到 html 文档中的好方法(感谢 stackoverflow):

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(function(){
  $("#awesomecpp").load("../src/awesome.cpp");
});
</script>

然后我将它包含在我的 reveal.js 演示文稿中，如下所示:

<pre><code data-trim>
<div id="awesomecpp"></div>
</code></pre>

然而，这不是布宜诺斯艾利斯，因为我最终得到了 <div id="awesomecpp>在源代码的顶部，在源代码片段的末尾加上一堆其他垃圾标签。我非常不喜欢必须复制和粘贴代码，因为我发现我经常对代码进行更改，并且可能不会对演示代码进行更改。此外，我发现如果有任何特殊字符，如'&'，也会发生不好的事情。有没有人对使用可以正确处理我想做的事情的javascript库有任何建议？我只是想在我的 reveal.js 演示文稿中逐字包含一个带有代码格式的文件。那是过分的要求？

Answer 1

尝试这样的事情:

$.ajax({
  url : "../src/awesome.cpp",
  dataType: "text",
  success : function (data) {
    $("#awesomecpp").text(data);
  }
});