如何将Github wysiwyg编辑器导入HTML？

Question

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

根据demo中的描述，我可以简单地使用它来使用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