Using Textbox.io - Creating Editors

HTML

<script src="https://s3.amazonaws.com/ephox-static-ephox-com/jsfiddle/textboxio/textboxio.js"></script>
<div id="editableDiv">
    Div content to be edited.
</div>
<div class="notReplaced">Not replaced.</div>
<textarea id="mytextarea">
    Textarea to be edited.
</textarea>

CSS

#editableDiv, #mytextarea {
    margin:10px 0;
    height: 200px;
}
.notReplaced {
    margin: 10px 0;
}

JavaScript

// Create a Textbox.io Editor for the matched element(s)
var divEditor = textboxio.replace('#editableDiv');
var textareaEditor = textboxio.replace('#mytextarea',{
  ui: {
    toolbar: {
      items: [
        ['table']
      ]
    }
 }
});