☰

如何使用 Commonmark.js

tag-icon • tag-icon javascript markdown
如何使用 Commonmark.js

以下是一段引文官方存储库：

对于客户端使用，您可以make dist生成一个独立的 JavaScript 文件js/dist/commonmark.js，适合链接到网页，或从中获取最新内容https://raw.githubusercontent.com/jgm/commonmark.js/master/dist/commonmark.js， 或者bower install commonmark。

引用来源：github.com/jgm/commonmark.js

因此，我将 commonmark.js 文件下载到我的桌​​面并将其与我的测试文件放在一起：

测试.html

<script src="commonmark.js"></script>
<script type="text/javascript" src="commonmark.js"></script>

# header

text

text

...但是不起作用。

我在 Windows 上。我在 Chrome 和 Firefox 中都测试过。在 Chrome 开发者工具中没有看到任何错误。

我做错了什么？

预期的行为是当我在浏览器中打开此文件时看到格式化的文本，就像该图所示

我只想将它用于桌面。换句话说，作为 Word 的替代品。用 Sublime Text 打开它，写点东西，然后在 Chrome 中打开并查看结果。类似于 Strapdown (strapdownjs.com)。也许我走错了路？

答案1

我做错了什么？

很多。

  1. 这不是一个有效的 HTML 文件
    • 您需要一些 HTML 标签和结构（见下文）
    • 由于我无法理解的原因，您两次调用了 javascript 库。
  2. 您的页面未定义可供用户输入文本的 TextArea
  3. 您尚未按照以下说明实例化该类“用法”
    • 您需要调用该parse方法并将输入的文本传递给它
    • render您需要显示调用该方法的结果

HTML 基本示例

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Testing CommonMark.js</title>
    <script src="commonmark.js" />
    <script>
       // use commonmark ...
    </script>
  </head>
  <body>

      forms, textareas etc

  </body>
</html>

看

相关内容