diff --git a/index.html b/index.html
index a1423ea..839b6ad 100755
--- a/index.html
+++ b/index.html
@@ -54,11 +54,39 @@ <h1>Bootstrap Markdown Editor</h1>
         <script>
 
             jQuery(document).ready(function($) {
+                /*
+                 * Custom HTML for custom toolbar items
+                 */
+                html = '<div class="btn-group">';
+                html += '<select class="form-control input-sm md-select" data-btn="customCallback">' +
+                    '<option value="value1">Value One</option>' +
+                    '<option value="value2">Value Two</option>' +
+                    '</select>';
+                html += '</div>';
+
+                html += '<div class="btn-group">';
+                    html += '<button type="button" data-mdtooltip="tooltip" title="Add hello world" class="md-btn btn btn-sm btn-default" data-btn="helloWorld">HW</button>';
+                html += '</div>';
 
                 $('#editor').markdownEditor({
                     preview: true,
                     onPreview: function (content, callback) {
                         callback( marked(content) );
+                    },
+                    toolbar: {
+                        html: html,
+                        onCreated: function(container) {
+                            console.log('Elements added to DOM, put your manipulation in here (if needed)');
+                        },
+                        callbacks: {
+                            customCallback: function($element, editor, container, selectedText) {
+                                console.log('customCallback called');
+                                editor.insert($element.val());
+                            },
+                            helloWorld: function($element, editor, container, selectedText) {
+                                editor.insert('Hello World');
+                            }
+                        }
                     }
                 });
 
diff --git a/src/bootstrap-markdown-editor.js b/src/bootstrap-markdown-editor.js
index 16ae146..fa27c63 100644
--- a/src/bootstrap-markdown-editor.js
+++ b/src/bootstrap-markdown-editor.js
@@ -142,6 +142,8 @@
                     }
                 html += '</div>'; // .btn-group
 
+                html += options.toolbar.html;
+
                 if (options.fullscreen === true) {
                     html += '<div class="btn-group pull-right">';
                         html += '<button type="button" class="md-btn btn btn-sm btn-default" data-btn="fullscreen"><span class="glyphicon glyphicon-fullscreen"></span> ' + options.label.btnFullscreen + '</button>';
@@ -362,11 +364,31 @@
                     }
 
                     editor.resize();
+                } else if (btnType in options.toolbar.callbacks) {
+                    var element = $(this);
+                    var callback = options.toolbar.callbacks[btnType];
+                    callback(element, editor, container, selectedText);
+                }
+
+                editor.focus();
+            });
+
+            container.find('.md-select').change(function() {
+                var btnType = $(this).data('btn'),
+                    selectedText = editor.session.getTextRange(editor.getSelectionRange()),
+                    element = $(this);
+
+                if (btnType in options.toolbar.callbacks) {
+                    var callback = options.toolbar.callbacks[btnType];
+                    callback(element, editor, container, selectedText);
                 }
 
                 editor.focus();
             });
 
+            // Trigger event to manipulate custom toolbar items
+            options.toolbar.onCreated(container);
+
             return this;
         },
         content: function () {
@@ -401,6 +423,11 @@
         fullscreen: true,
         imageUpload: false,
         uploadPath: '',
+        toolbar: {
+            html: '',
+            onCreated: function() { },
+            callbacks: {}
+        },
         preview: false,
         onPreview: function (content, callback) {
             callback(content);