THIS is the typewriter for the modern web.

1. get scripts

bower install wysihtml

2. include the scripts in your HTML

<!-- wysihtml core javascript with default toolbar functions --> 
<script src="bower_components/wysihtml/dist/wysihtml-toolbar.min.js"></script>

<!-- rules defining tags, attributes and classes that are allowed -->
<script src="bower_components/wysihtml/parser_rules/advanced_and_extended.js"></script>

3. create the element to edit and toolbar

<!-- toolbar with suitable buttons and dialogues -->
<div id="toolbar">
  <a data-wysihtml5-command="bold">bold</a>
  <a data-wysihtml5-command="italic">italic</a>
  <a data-wysihtml5-command="formatBlock" data-wysihtml5-command-value="h1">H1</a>
  <a data-wysihtml5-command="formatBlock" data-wysihtml5-command-value="p">P</a>
</div>

<!-- element to edit -->
<div id="editor" data-placeholder="Go on, start editing..."></div>

4. initialize editor

<script>
  var editor = new wysihtml5.Editor('editor', {
    toolbar: 'toolbar',
    parserRules:  wysihtml5ParserRules
  });
</script>