javascript - 用于动态合并 div 的文件夹内容的 JavaScript

Question

Objective: 使用 JavaScript 动态合并一个文件夹中的所有 .md 文件，并将整个加载到一个 div 中。

我将文件夹作为不同的 .md 文件集。每组可能随着文件数量的增加或减少而随时间变化，但将继续代表一个独特的整体；每个文件夹就像一个包含段落的章节，这些段落必须在一个 HTML 页面上显示为一个统一的文本。我已经有脚本来转换 Markdown 并将输出 HTML 插入到 div 中，它适用于单个文件/输入，如下所示：

<div id="markdown" style="display: none;"></div> // holds the Markdown file
<script>
  $("#markdown").load("convertme.md");
</script>

<div id="output"></div> // receives the converted text
<script src="converter.js"></script> // takes the div holding the Markdown file

（加载脚本和转换脚本是分开的，所以我可以为每个 HTML 页面指定目标目录——每个页面都对应该目录。）

现在我必须修改.load("convertme.md")为可以动态处理指定文件夹中任何一组 .md 文件的东西。我认为这些文件必须#markdown通过循环附加，我查了一下readdir，但不知道如何为此目的实现它。

假设目标目录是“folder_1”。你将如何合并它的文件并将整个插入到#markdowndiv 中？

标签： javascripthtml