jquery - Bootstrap Markdown 未按预期工作

Question

我正在尝试使用记录的 Bootstrap markdown here 。这就是我想出的:fiddle .

HTML:

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

JS:

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

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

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

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

<小时/>

已更新并修复了预览