JavaScript HTML CSS Shell
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
lib
log
public
routes
src
test
views
.gitignore
.npmignore
LICENSE
README.md
app.js
bower.json
config-sample.js
dev-server.json
glob.js
gulpfile.js
index.js
package.json
server.json
update.sh
watch-jade-editor.sh

README.md

jade-editor

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

demo & doc

visit http://jade-editor.html5beta.com

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