Using Textbox.io - Removing Editors

by textboxio

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>
<button id="removeButton">Remove Editor</button>

CSS

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

JavaScript

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

document.getElementById('removeButton').onclick = function() {
    // Remove Textbox.io Editor and update the div contents
    divEditor.restore();
};