Bootstrap markdown无法按预期工作

Question

我正在尝试使用文档here中的Bootstrap markdown。这就是我提出的问题：fiddle。

HTML：

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

JS：

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

这是一个非常基本的小提琴只有一个文本区域和降价代码，但正如你所看到的，它没有按预期工作，按钮没有正确显示，预览不起作用。

如何修复它以按预期工作？

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

的示例

使用预览修正

更新了