From 7024042427d69c44c6b16dad563ece21c67fa786 Mon Sep 17 00:00:00 2001
From: Marcel Marnitz <marcelmarnitz@googlemail.com>
Date: Tue, 16 May 2017 13:47:43 +0200
Subject: [PATCH 1/4] Adds ability to create custom toolbar items (related to #

---
 index.html                       | 25 +++++++++++++++++++++++++
 src/bootstrap-markdown-editor.js | 23 +++++++++++++++++++++++
 2 files changed, 48 insertions(+)

diff --git a/index.html b/index.html
index a1423ea..fc7cfed 100755
--- a/index.html
+++ b/index.html
@@ -54,11 +54,36 @@ <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) );
+                    },
+                    buttons: {
+                        html: html,
+                        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..e035f31 100644
--- a/src/bootstrap-markdown-editor.js
+++ b/src/bootstrap-markdown-editor.js
@@ -142,6 +142,8 @@
                     }
                 html += '</div>'; // .btn-group
 
+                html += options.buttons.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,6 +364,23 @@
                     }
 
                     editor.resize();
+                } else if (btnType in options.buttons.callbacks) {
+                    var element = $(this);
+                    var callback = options.buttons.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.buttons.callbacks) {
+                    var callback = options.buttons.callbacks[btnType];
+                    callback(element, editor, container, selectedText);
                 }
 
                 editor.focus();
@@ -401,6 +420,10 @@
         fullscreen: true,
         imageUpload: false,
         uploadPath: '',
+        buttons: {
+            html: '',
+            callbacks: {}
+        },
         preview: false,
         onPreview: function (content, callback) {
             callback(content);

From 50f3a5129b47b16af9387ef3a1c5ad37578a561b Mon Sep 17 00:00:00 2001
From: Marcel Marnitz <marcelmarnitz@googlemail.com>
Date: Tue, 16 May 2017 13:54:00 +0200
Subject: [PATCH 2/4] Adds ability to register custom callback after inserting
 custom toolbar elements

---
 index.html                       | 3 +++
 src/bootstrap-markdown-editor.js | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/index.html b/index.html
index fc7cfed..b8c46d1 100755
--- a/index.html
+++ b/index.html
@@ -75,6 +75,9 @@ <h1>Bootstrap Markdown Editor</h1>
                     },
                     buttons: {
                         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');
diff --git a/src/bootstrap-markdown-editor.js b/src/bootstrap-markdown-editor.js
index e035f31..7546882 100644
--- a/src/bootstrap-markdown-editor.js
+++ b/src/bootstrap-markdown-editor.js
@@ -386,6 +386,9 @@
                 editor.focus();
             });
 
+            // Trigger event to manipulate custom toolbar items
+            buttons.onCreated(container);
+
             return this;
         },
         content: function () {
@@ -422,6 +425,7 @@
         uploadPath: '',
         buttons: {
             html: '',
+            onCreated: function(container) { },
             callbacks: {}
         },
         preview: false,

From 29ee5139c426bce2af625a5af3468031970a9077 Mon Sep 17 00:00:00 2001
From: Marcel Marnitz <marcelmarnitz@googlemail.com>
Date: Tue, 16 May 2017 13:56:52 +0200
Subject: [PATCH 3/4] Rename property to "toolbar"

---
 index.html                       |  2 +-
 src/bootstrap-markdown-editor.js | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index b8c46d1..839b6ad 100755
--- a/index.html
+++ b/index.html
@@ -73,7 +73,7 @@ <h1>Bootstrap Markdown Editor</h1>
                     onPreview: function (content, callback) {
                         callback( marked(content) );
                     },
-                    buttons: {
+                    toolbar: {
                         html: html,
                         onCreated: function(container) {
                             console.log('Elements added to DOM, put your manipulation in here (if needed)');
diff --git a/src/bootstrap-markdown-editor.js b/src/bootstrap-markdown-editor.js
index 7546882..7eb6d8c 100644
--- a/src/bootstrap-markdown-editor.js
+++ b/src/bootstrap-markdown-editor.js
@@ -142,7 +142,7 @@
                     }
                 html += '</div>'; // .btn-group
 
-                html += options.buttons.html;
+                html += options.toolbar.html;
 
                 if (options.fullscreen === true) {
                     html += '<div class="btn-group pull-right">';
@@ -364,9 +364,9 @@
                     }
 
                     editor.resize();
-                } else if (btnType in options.buttons.callbacks) {
+                } else if (btnType in options.toolbar.callbacks) {
                     var element = $(this);
-                    var callback = options.buttons.callbacks[btnType];
+                    var callback = options.toolbar.callbacks[btnType];
                     callback(element, editor, container, selectedText);
                 }
 
@@ -378,8 +378,8 @@
                     selectedText = editor.session.getTextRange(editor.getSelectionRange()),
                     element = $(this);
 
-                if (btnType in options.buttons.callbacks) {
-                    var callback = options.buttons.callbacks[btnType];
+                if (btnType in options.toolbar.callbacks) {
+                    var callback = options.toolbar.callbacks[btnType];
                     callback(element, editor, container, selectedText);
                 }
 
@@ -387,7 +387,7 @@
             });
 
             // Trigger event to manipulate custom toolbar items
-            buttons.onCreated(container);
+            options.toolbar.onCreated(container);
 
             return this;
         },
@@ -423,7 +423,7 @@
         fullscreen: true,
         imageUpload: false,
         uploadPath: '',
-        buttons: {
+        toolbar: {
             html: '',
             onCreated: function(container) { },
             callbacks: {}

From 0f15fbec336ac77718044da77e56954aa3f4524d Mon Sep 17 00:00:00 2001
From: Marcel Marnitz <marcelmarnitz@googlemail.com>
Date: Tue, 16 May 2017 14:11:32 +0200
Subject: [PATCH 4/4] Remove unused variable

---
 src/bootstrap-markdown-editor.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/bootstrap-markdown-editor.js b/src/bootstrap-markdown-editor.js
index 7eb6d8c..fa27c63 100644
--- a/src/bootstrap-markdown-editor.js
+++ b/src/bootstrap-markdown-editor.js
@@ -425,7 +425,7 @@
         uploadPath: '',
         toolbar: {
             html: '',
-            onCreated: function(container) { },
+            onCreated: function() { },
             callbacks: {}
         },
         preview: false,