Easy editor Insert button example

You can change the entire look and feel, can able to add button / event / can do anything with it. Read documentation here or more example here

HTML:

<div id="editor" placeholder="Type here ... "></div>

CSS:

<link rel="stylesheet" href="path_to/easyeditor.css">

JS:

<script src="path_to/jquery.min.js"></script>
<script src="path_to/jquery.easyeditor.js"></script>

<script>
    EasyEditor.prototype.custombutton = function(){
        var _this = this;
        var settings = {
            buttonIdentifier: 'custombutton',
            buttonHtml: 'My custom button',
            clickHandler: function(){
                var span = document.createElement('span');
                $(span).html('My custom button text ');
                _this.insertAtCaret(span);
            }
        };

        _this.injectButton(settings);
    };

    jQuery(document).ready(function($) {
        new EasyEditor('#editor', {
            buttons: ['bold', 'italic', 'link', 'h2', 'h3', 'h4', 'alignleft', 'aligncenter', 'alignright', 'custombutton']
        });
    });
</script>