Quote and code button available as parametrizable settings

bower.json

@@ -5,7 +5,12 @@
   "authors": [
     "Ignacio de Tomás <[email protected]>"
   ],
-  "keywords": ["markdown", "bootstrap", "editor", "ace"],
+  "keywords": [
+    "markdown",
+    "bootstrap",
+    "editor",
+    "ace"
+  ],
   "license": "MIT",
   "ignore": [
     "**/.*",
@@ -14,6 +19,6 @@
   ],
   "dependencies": {
     "bootstrap": "~3.3.1",
-    "ace-builds": "~1.1.8"
+    "ace-builds": "^1.2.6"
   }
 }

src/bootstrap-markdown-editor.js

@@ -97,6 +97,21 @@
             },
             readOnly: false
         });
+
+        editor.commands.addCommand({
+            name: 'code',
+            bindKey: {win: 'Ctrl-Y',  mac: 'Command-Y'},
+            exec: function (editor) {
+                var selectedText = editor.session.getTextRange(editor.getSelectionRange());
+
+                if (selectedText === '') {
+                    snippetManager.insertSnippet(editor, '```\n${1:text}\n```');
+                } else {
+                    snippetManager.insertSnippet(editor, '```\n' + selectedText + '\n```');
+                }
+            },
+            readOnly: false
+        });
     }
 
     function insertBeforeText (editor, string) {
@@ -132,6 +147,12 @@
                 html += '<div class="btn-group">';
                     html += '<button type="button" data-mdtooltip="tooltip" title="' + options.label.btnList + '" class="md-btn btn btn-sm btn-default" data-btn="ul"><span class="glyphicon glyphicon glyphicon-list"></span></button>';
                     html += '<button type="button" data-mdtooltip="tooltip" title="' + options.label.btnOrderedList + '" class="md-btn btn btn-sm btn-default" data-btn="ol"><span class="glyphicon glyphicon-th-list"></span></button>';
+                    if (options.code === true) {
+                        html += '<button type="button" data-mdtooltip="tooltip" title="' + options.label.btnCode + '" class="md-btn btn btn-sm btn-default" data-btn="code"><span class="glyphicon glyphicon-console"></span></button>';
+                    }
+                    if (options.quote === true) {
+                        html += '<button type="button" data-mdtooltip="tooltip" title="' + options.label.btnQuote + '" class="md-btn btn btn-sm btn-default" data-btn="quote"><span class="glyphicon glyphicon-comment"></span></button>';
+                    }
                 html += '</div>'; // .btn-group
 
                 html += '<div class="btn-group">';
@@ -291,6 +312,9 @@
                 } else if (btnType === 'ol') {
                     insertBeforeText(editor, '1.');
 
+                } else if (btnType === 'quote') {
+                    insertBeforeText(editor, '>');
+
                 } else if (btnType === 'bold') {
                     editor.execCommand('bold');
 
@@ -300,6 +324,9 @@
                 } else if (btnType === 'link') {
                     editor.execCommand('link');
 
+                } else if (btnType === 'code') {
+                    editor.execCommand('code');
+
                 } else if (btnType === 'image') {
                     if (selectedText === '') {
                         snippetManager.insertSnippet(editor, '![${1:text}](http://$2)');
@@ -413,6 +440,8 @@
             btnItalic: 'Italic',
             btnList: 'Unordered list',
             btnOrderedList: 'Ordered list',
+            btnCode: 'Code',
+            btnQuote: 'Quote',
             btnLink: 'Link',
             btnImage: 'Insert image',
             btnUpload: 'Upload image',