Using Textbox.io - Setting Content

HTML

<script src="https://s3.amazonaws.com/ephox-static-ephox-com/jsfiddle/textboxio/textboxio.js"></script>
<div id="editableDiv">
    Original div content.
</div>
<button id="setContentButton">Set Content</button>

CSS

#editableDiv {
    margin:10px 0;
    height:200px;
}

JavaScript

// Create a Textbox.io Editor for the matched element
var divEditor = textboxio.replace('#editableDiv');

var newContent = '<h1>Content set with editor.content.set()</h1>';

document.getElementById('setContentButton').onclick = function() {
    // Set editor content
    divEditor.content.set(newContent);
};