Using Textboxio.io - Getting the Full Document

by textboxio

HTML

<script src="http://static.ephox.com/jsfiddle/textboxio/textboxio.js"></script>
<div class="editableDiv">
    <p>Div content.</p>
</div>
<button id="getDocumentButton">Get Document</button>

CSS

div {
    margin:10px 0;
}

JavaScript

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

document.getElementById('getDocumentButton').onclick = function() {
    // Get the Editor Document
    var document = divEditor.content.documentElement();
    // Alert the document.body property
    alert(document.body);
};