jade-editor

jade online editor for jade users.[!only support webkit browsers for now]

demo & doc

visit http://jade-editor.org

get

bower install jade-editor

or

npm install jade-editor

all the file are in dist folder, other code are just for jade-editor.org.

features

• auto indent
• indent can be customized
• auto close for quote, single quote, bracket, left parenthesis
• smart tab: tab selection or single line
• untab keyboard shortcuts: ctrl + [
• tab keyboard shortcuts: ctrl + ] or just tab
• keyboard shortcuts for i and b
• syntax highlighting by google code prettify

shortcuts

• ctrl + ], ctrl + ]: more indent
• ctrl + [: less indent
• ctrl + i: '<i>[selection]</i>'
• ctrl + b: '<b>[selection]</b>'

use

<link rel="stylesheet" href="dist/jade-editor.css?0.1.0">
<div class="jade-editor">
    <textarea id="je"></textarea>
    <pre lang="jade" class="jade-editor-syntax prettyprint"></pre>
</div>
<script src="dist/vender/prettify.js"></script>
<script src="dist/jade-editor.min.js"></script>
<script>
    var je = new JadeEditor('je', {
        indent: '    ' //4 space as indent
    })
</script>

todo

test

License

MIT

changelog

• 0.2.5 fix 'enter' function