Using Textbox.io - Setting Content

HTML

<script src="https://s3.amazonaws.com/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 = '<div><b>Story</b></div><div><ul><li>As a user of the new Task QDP page, I <i>want</i> the ability to format the Description field of a task artifact in [at least] the ways noted below, so that it is easier for me to convey information to readers of the Task description</li><li>As a member of the team implementing RTE (rich text editor) in QDP, I want to select an existing RTE solution that best meets our functional needs (noted below), so that our users\' needs will be satisfied</li></ul><div><b><br /></b></div><div><b>Notes/Background</b></div></div><div><ul><li>At this point, we\'ll limit our evaluation to the following three existing RTE solutions; if we find none works well, we can expand the list of candidates (as part of a separate story):</li><ul><li>ckeditor/Alloy</li><li>mce</li><li>textbox.io</li></ul><li>Functional requirements that the RTE solution should meet include:</li><ul><li><span><ol class="rally-rte-class-0e7d5c71e"><li class="rally-rte-class-0f9059c6"><p class="rally-rte-class-09ded93b2"><span class="rally-rte-class-0ee580c38">You can take formatted content from a Word doc, paste it into the description field, and retain Word formatting</span></p></li><ol class="rally-rte-class-0e7d5c71e"><li class="rally-rte-class-0a542d649"><p class="rally-rte-class-09ded93b2"><span class="rally-rte-class-0ee580c38">We recognize it won’t be perfect; just assessing how well each potential solution does </span></p></li></ol><li class="rally-rte-class-0f9059c6"><p class="rally-rte-class-09ded93b2"><span class="rally-rte-class-0ee580c38">Supports creating your own tables via e.g., Html tags or markdown</span></p></li><li class="rally-rte-class-0f9059c6"><p class="rally-rte-class-09ded93b2"><span class="rally-rte-class-0ee580c38">Native (built in) table-building functionality</span></p></li><li class="rally-rte-class-0f9059c6"><p...