Using Textbox.io - Removing Editors
HTML
<script src="https://s3.amazonaws.com/static.ephox.com/jsfiddle/textboxio/textboxio.js"></script>
<div class="editableDiv">
Div content to be edited.
</div>
<div class="editableDiv">
Div content to be edited.
</div>
<div class="editableDiv">
Div content to be edited.
</div>
<button id="removeButton">Remove Editor</button>
<button id="createButton">Create Editor</button>
CSS
.editableDiv {
margin:10px 0;
height: 200px;
}
JavaScript
// Create a Textbox.io Editor for the matched element(s)
var divEditor = textboxio.replaceAll('.editableDiv');
document.getElementById('removeButton').onclick = function() {
// Remove Textbox.io Editor and update the div contents
var editors = textboxio.get('.editableDiv');
editors.forEach(function(ed){
// Alert the content of each editor
ed.restore();
});
};
document.getElementById('createButton').onclick = function() {
editor = textboxio.replaceAll('.editableDiv');
};