Bootstrap Markdown funktioniert nicht wie erwartet

Question

Ich versuche, den Bootstrap Abschrift wie dokumentiert here zu verwenden. Das habe ich mir ausgedacht: fiddle.

HTML:

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

JS:

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

Es ist eine ziemlich grundlegende Geige mit nur einem Textbereich und der Abschlags-Code, aber wie Sie sehen können, ist es nicht wie erwartet , die Tasten werden nicht korrekt angezeigt und die Vorschau funktioniert nicht.

Wie kann ich es reparieren, um wie erwartet zu arbeiten?

Answer 1

1. Für Bootstrap Markdown-Dateien zu laden Bootstrap zu arbeiten:

   <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. die Vorschau Last drei weitere Abhängigkeiten zu beheben:

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

Es wird in kleinen Buchstaben am unteren Rand der Hauptseite erwähnt.

Beispiel mit Vorschau in this JSFiddle

---