Using Textbox.io - Creating Editors
HTML
<script src="https://s3.amazonaws.com/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>
<div class="notReplaced">Not replaced 2.</div>
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');
var nr = textboxio.replace('.notReplaced')