将markdown(md)嵌入到HTML中

Question

我需要帮助在HTML索引文件中嵌入markdown或*.md文件.我发现我可以在markdown中嵌入HTML,但反之亦然.这将有助于提高编辑速度,因为降价格式非常易于使用(因为我现在正在使用它)而且我不必更改我网站其余部分的格式.我知道这样做是为了嵌入另一个HTML文件<iframe src="path/to/html>html-name</iframe>.我还可以使用javascript来解释页面加载时的md格式.提前谢谢.

Answer 1

这是我早已忘记的解决方案:

忘记我问了这个问题而没有得到答案,我创建了自己的解决方案作为克里斯杰弗里的延伸marked.js.

我叫它tagdown.js.

这是:http://spikespaz.com/tagdownjs/

以防该链接或我的域名到期:https://spikespaz.github.io/tagdownjs/

Github:https://github.com/spikespaz/tagdownjs

这允许在与类一起设置的标记内将markdown直接添加到站点markdown.请参阅网站上的示例.它没有主题系统,它只是降价解析器.

更新

TagdownJS项目已从Github中删除.它的代码似乎很简单,它不值得拥有自己的存储库.

在找到新家之前,只需找到Christopher Jeffery的Marked.js,并使用以下代码.

document.body.style.display = "none"; // Hide the page until it's finished rendering.

document.createElement("markdown");
var md_tags = document.getElementsByTagName("markdown"); // Returns array of all markdown tags.

for (var i = 0; i < md_tags.length; i++) { // Iterate through all the tags, and generate the HTML.
    var md_text = md_tags[i].textContent.replace(/^[^\S\n]+/mg, ""); // I love regex, so shoot me.

    var md_div = document.createElement("div"); // Make a new div to replace the fake tag.
    md_div.id = "content";
    md_div.innerHTML = marked(md_text);

    md_tags[i].parentNode.appendChild(md_div); // Add remove the old raw markdown.
    md_tags[i].parentNode.removeChild(md_tags[i]);
}

document.body.style.display = ""; // Show the rendered page.

Answer 2

https://github.com/zhlicen/md.htm Zeromd.js 的示例 只需提供 md.htm 文件和 md 文件，直接通过 url 访问即可：

/md.htm?src=README.md

现场演示：https://b.0-0.plus/blog/md.htm? src=https://raw.githubusercontent.com/microsoft/vscode/main/README.md