Bootstrap markdown 没有按预期工作

Question

我正在尝试使用 Bootstrap 降价，如记录 here. This is what I have come up with: fiddle。

HTML:

<textarea name="content" data-provide="markdown" rows="10" id = "foo"></textarea>

JS:

$(function() {
    $("#foo").markdown({autofocus:false,savable:true});
});

这是一个非常基本的 fiddle，只有一个文本区域和降价代码，但是如您所见，它没有按预期工作，按钮没有正确显示，预览也没有正在工作。

如何修复它才能按预期工作？

Answer 1

1. 对于 Bootstrap Markdown 也可以加载 Bootstrap 文件：

   <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
   

2. 要修复预览加载另外三个依赖项：

   • https://github.com/evilstreak/markdown-js
   • https://github.com/chjj/marked
   • https://github.com/domchristie/to-markdown

在主页底部以小写字母提及。

在 this JSFiddle

中预览的示例

---

更新 预览修复