Using Textbox.io -Toolbar grouping

by textboxio

HTML

<script src="https://s3.amazonaws.com/ephox-static-ephox-com/jsfiddle/2.2/textboxio/textboxio.js"></script>
<div id="editableDiv">
    <p>This is the Editor content</p>
</div>

CSS

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

JavaScript

// Create a Textbox.io Editor for the matched element(s)
textboxio.replace('#editableDiv',{
    ui: {
        toolbar: {
            // groups can be defined inline as part of the toolbar items
            items: [{
                label: 'My custom group',
                items: ['bold', 'italic']
            },{
                label: 'Another group',
                items: ['indent', 'outdent']
            }]
        }
    }
});