如何导入外部 .md 内容？答案

【问题标题】：How to import outside .md content?如何导入外部 .md 内容？
【发布时间】：2020-04-19 01:45:17
【问题描述】：

包

我使用 showdown.js 将 markdown 转换为 html，并且我成功地显示了在 chrome 中写入同一文件中的内容。像这样：

    <p id="output">test</p>
    <script>
        var converter = new showdown.Converter(),
            text = "# title",
            html = converter.makeHtml(text);
        document.getElementById('output').innerHTML = html;
    </script>

结果是这样的：

title

但是，当我想显示在同一文件之外写入的内容时。像这样：

<!DOCTYPE html>
<html>
<head>
    <title>MarkDown</title>
    <script src="dist/showdown.min.js"></script>
</head>

<body>
    <p id="content" class="hide">{{ blog.content }} </p>
    <p id="output">test</p>
    <script>
        var converter = new showdown.Converter(),
            text = document.getElementById('content').innerText,
            html = converter.makeHtml(text);
        document.getElementById('output').innerHTML = html;
    </script>

</body>
</html>

我刚刚得到：

{{ blog.content }}

{{ blog.content }}

有人知道这个简单的问题吗？如何在 Markdown 中插入外部内容？

【问题讨论】：

标签： javascript html markdown showdown

【解决方案1】：

您似乎正在使用像 React 或 Angular 这样的 JS 框架。

他们解析大括号内的内容并将其替换为所需的 HTML。

问题是 showdown.js 在您的框架有时间渲染内容之前执行。尝试延迟降价转换，直到内容被渲染。有不同的方法，具体取决于您使用的框架。

【讨论】：

非常感谢！我还没有选择我的框架。我只想将我的降价内容插入 HTML。你有什么办法吗？真诚的感谢！
这将取决于内容的包含方式（使用 PHP 或类似的服务器端，使用 Angular 或 React 的客户端......）。恐怕你需要先决定:)