# (GitHub-Flavored) Markdown Editor http://github.io #### YouTube Autolink http://youtube.com/v/GtGJnXB972I ___ #### Vimeo Autolink https://www.vimeo.com/11918221 ___ #### Viddler Autolink https://www.viddler.com/v/d6c37b62 ___ #### DailyMotion Autolink http://www.dailymotion.com/video/x1eqps5_shadows-heretic-kingdoms-trailer_videogames ___ Basic useful feature list: * Ctrl/Cmd + S to save the file * Drag and drop a file into here to load it * File contents are saved in the URL so you can share files I'm no good at writing sample / filler text, so go write something yourself. Look, a list! * foo * bar * baz And here's some code! ```javascript $(function(){ $('div').html('I am a div.'); }); ``` This is [on GitHub](https://github.com/jbt/markdown-editor) so let me know if I've b0rked it somewhere. Props to Mr. Doob and his [code editor](http://mrdoob.com/projects/code-editor/), from which the inspiration to this, and some handy implementation hints, came. ### Stuff used to make this: * [marked](https://github.com/chjj) for Markdown parsing * [CodeMirror](http://codemirror.net/) for the awesome syntax-highlighted editor * [highlight.js](http://softwaremaniacs.org/soft/highlight/en/) for syntax highlighting in output code blocks * [js-deflate](https://github.com/dankogai/js-deflate) for gzipping of data to make it fit in URLs ___ ## Hello World - a - list ```ruby def hello_world puts "hello world" end ``` | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | | grith api | are big dad | $434 | > Blockquotes are very handy > in email to emulate reply text. > This line is part of the same quote. [Link to Google](https://www.google.com) ~~strike text~~ *italic* __bold__ javascript ```javascript var press = function () { console.log('yeah'); }; ``` The Fatdown bundle includes the following plugins: - **Autoemail** --- email addresses such as example@example.org are automatically turned into links - **Autolink** --- URLs such as http://github.com are automatically turned into links - **Escaper** --- special characters can be escaped with a backslash - **FancyPants** --- some typography is enhanced, e.g. (c) (tm) and "quotes" - **HTMLComments** --- you can use HTML comments - **HTMLElements** --- several HTML elements are allowed - **HTMLEntities** --- HTML entities such as ♥ are decoded - **Litedown** --- a Markdown*-like* syntax - **MediaEmbed** --- URLs from media sites are automatically embedded:<br/> http://youtu.be/QH2-TGUlwu4 The parser/renderer used on this page page has been generated by [this script](https://github.com/s9e/TextFormatter/blob/master/scripts/generateFatdownDemo.php). It's been minified with Google Closure Compiler to 32.5 KB (11.6 KB compressed) *** [](https://travis-ci.org/s9e/TextFormatter) [](https://coveralls.io/r/s9e/TextFormatter) [](https://scrutinizer-ci.com/g/s9e/TextFormatter/) ___ ## Bootstrap Markdown Markdown editing meet Bootstrap. | Version | Compatibility with Bootstrap | | :---: | :---: | | Bootstrap Markdown v2.x | **only** compatible with Bootstrap 3.x | | Bootstrap Markdown v1.x | **only** compatible with Bootstrap 2.x | Demo and documentation on [http://toopay.github.com/bootstrap-markdown/](http://toopay.github.com/bootstrap-markdown/) ### LICENSE > Copyright 2013 Taufan Aditya > > Licensed under the Apache License, Version 2.0 (the "License"); > you may not use this file except in compliance with the License. > You may obtain a copy of the License at > > http://www.apache.org/licenses/LICENSE-2.0 > > Unless required by applicable law or agreed to in writing, software > distributed under the License is distributed on an "AS IS" BASIS, > WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. > See the License for the specific language governing permissions and > limitations under the License. [](https://bitdeli.com/free "Bitdeli Badge")