try it

!only support webkit browsers

keyboard shortcuts: ctrl + ictrl + bctrl + [ctrl + ]

shortcuts


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

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

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>

license


MIT

comments powered by Disqus