如何将 Github 所见即所得编辑器导入 HTML？

Question

我想将我的 html 文件作为降价编辑器。 就像这个stackoverflow。 经过一番研究，我发现了这个bootstrap-markdown 。 我喜欢这个并想使用它。

根据演示中的描述，我可以简单地通过使用data-provide="markdown" attribute来使用它

 <form> <input name="title" type="text" placeholder="Title?" /> <textarea name="content" data-provide="markdown" rows="10"></textarea> <button type="submit" class="btn">Submit</button> </form>

任何人都可以帮助我了解如何将这个 github 项目导入到我的纯 html 文件中。 这样我就可以给<textarea name="content" data-provide="markdown"></textarea>并显示降价编辑器。

Answer 1

我相信你没有从演示中下载文件。

首先，您应该下载它们的源代码（通过单击导航栏底部的 tar.gz 或 .zip）

然后，您应该将bootstrap-markdown.js和bootstrap-markdown.css添加到与您的 html 文件相同的文件夹中（最好在某个子文件夹中），最后将它们添加为 css 或 javascript 文件，例如：

<link rel="stylesheet" type="text/css" href="./css/bootstrap-markdown.css">

和

<script src="./js/bootstrap-markdown.js"></script>

您还应该在项目中加载 bootstrap 和 jquery