medium-editor-rails 1.1.0 → 1.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 86d22c2442a80cae4e0997c6a788c195496b2836
-  data.tar.gz: f4f81a42f77f9b2c3c7ace98cd4269ac413ac328
+  metadata.gz: fa0ba14c770973e7f22bda092453aaca2b2b5782
+  data.tar.gz: a453844a62d84214e01f281307ead464074984f3
 SHA512:
-  metadata.gz: 525972afada765ebaf19a3f578f91dee550ba2265156cd90cd593d9cec71b30be68ae12b373c50b2e178a1e8da7274a2cab78cfa751cfc675912736d2a0174fc
-  data.tar.gz: 3d55b39f3304655c211e16be61c5d0ba6199055d0ea0950443b5a08ee73e58d560e400a8ae9b8353844331dcbe9c6c8deff369cf54baf806bf1262c5e899cd22
+  metadata.gz: 48eed5d492ac8bfee58818fea34ba15e3cf64ee3ae3aa789880a249e375add2006f80d56829a42d41a4273e8e28e25365b8bbfc52c853ed6a7b3eb0b1285f887
+  data.tar.gz: fc05433556125ed58868debbe20c93b1e36bdd52a92096b61537df23f130382a074ee2fb4a52360710b1b7940a7bb3cf7fa5a3f87efe11b60a939a635479bc8a

data/CHANGELOG.md

@@ -1,5 +1,12 @@
 
 #### [Current]
+ * [4f4d13a](../../commit/4f4d13a) - __(Ahmet Sezgin Duran)__ Update Medium Editor files
+ * [78ae621](../../commit/78ae621) - __(Ahmet Sezgin Duran)__ Merge tag '1.1.0' into develop
+
+1.1.0
+
+#### 1.1.0
+ * [4caf800](../../commit/4caf800) - __(Ahmet Sezgin Duran)__ Dump changelog
  * [6e3450b](../../commit/6e3450b) - __(Ahmet Sezgin Duran)__ Bump versions 1.1.0 and 2.1.0
  * [c3d9387](../../commit/c3d9387) - __(Ahmet Sezgin Duran)__ Update Medium Editor files
  * [ecf87f3](../../commit/ecf87f3) - __(Ahmet Sezgin Duran)__ Merge tag '1.0.0' into develop

data/README.md

@@ -8,7 +8,7 @@ This gem integrates [Medium Editor](https://github.com/daviferreira/medium-edito
 
 ## Version
 
-The latest version of Medium Editor bundled by this gem is [2.1.0](https://github.com/daviferreira/medium-editor/releases)
+The latest version of Medium Editor bundled by this gem is [2.1.2](https://github.com/daviferreira/medium-editor/releases)
 
 ## Installation
 

data/lib/medium-editor-rails/version.rb

@@ -1,6 +1,6 @@
 module MediumEditorRails
   module Rails
-    VERSION = '1.1.0'
-    MEDIUM_EDITOR_VERSION = '2.1.0'
+    VERSION = '1.1.2'
+    MEDIUM_EDITOR_VERSION = '2.1.2'
   end
 end

data/vendor/assets/javascripts/medium-editor.js

@@ -180,6 +180,36 @@ else if (typeof define === 'function' && define.amd) {
         return html;
     }
 
+    /**
+     *  Find the caret position within an element irrespective of any inline tags it may contain.
+     *
+     *  @param {DOMElement} An element containing the cursor to find offsets relative to.
+     *  @param {Range} A Range representing cursor position. Will window.getSelection if none is passed.
+     *  @return {Object} 'left' and 'right' attributes contain offsets from begining and end of Element
+     */
+    function getCaretOffsets(element, range) {
+        var preCaretRange, postCaretRange;
+
+        if (!range) {
+            range = window.getSelection().getRangeAt(0);
+        }
+
+        preCaretRange = range.cloneRange();
+        postCaretRange = range.cloneRange();
+
+        preCaretRange.selectNodeContents(element);
+        preCaretRange.setEnd(range.endContainer, range.endOffset);
+
+        postCaretRange.selectNodeContents(element);
+        postCaretRange.setStart(range.endContainer, range.endOffset);
+
+        return {
+            left: preCaretRange.toString().length,
+            right: postCaretRange.toString().length
+        };
+    }
+
+
     // https://github.com/jashkenas/underscore
     function isElement(obj) {
         return !!(obj && obj.nodeType === 1);
@@ -222,6 +252,7 @@ else if (typeof define === 'function' && define.amd) {
         defaults: {
             allowMultiParagraphSelection: true,
             anchorInputPlaceholder: 'Paste or type a link',
+            anchorInputCheckboxLabel: 'Open in new window',
             anchorPreviewHideDelay: 500,
             buttons: ['bold', 'italic', 'underline', 'anchor', 'header1', 'header2', 'quote'],
             buttonLabels: false,
@@ -289,8 +320,8 @@ else if (typeof define === 'function' && define.amd) {
                 .bindPaste()
                 .setPlaceholders()
                 .bindElementActions()
-                .bindWindowActions()
-                .passInstance();
+                .bindWindowActions();
+                //.passInstance();
         },
 
         on: function(target, event, listener, useCapture) {
@@ -380,7 +411,9 @@ else if (typeof define === 'function' && define.amd) {
             }
             // Init toolbar
             if (addToolbar) {
-                this.initToolbar()
+                this.passInstance()
+                    .callExtensions('init')
+                    .initToolbar()
                     .bindButtons()
                     .bindAnchorForm()
                     .bindAnchorPreview();
@@ -464,7 +497,7 @@ else if (typeof define === 'function' && define.amd) {
 
                 // Bind the return and tab keypress events
                 this.bindReturn(i)
-                    .bindTab(i)
+                    .bindKeydown(i)
                     .bindBlur(i)
                     .bindClick(i);
             }
@@ -526,6 +559,7 @@ else if (typeof define === 'function' && define.amd) {
                     }
                 }
             }
+            return this;
         },
 
         /**
@@ -581,7 +615,12 @@ else if (typeof define === 'function' && define.amd) {
                     if (!(self.options.disableReturn || editorElement.getAttribute('data-disable-return')) &&
                         tagName !== 'li' && !self.isListItemChild(node)) {
                         if (!e.shiftKey) {
-                            self.options.ownerDocument.execCommand('formatBlock', false, 'p');
+
+                            // paragraph creation should not be forced within a header tag
+                            if (!/h\d/.test(tagName))
+                            {
+                                self.options.ownerDocument.execCommand('formatBlock', false, 'p');
+                            }
                         }
                         if (tagName === 'a') {
                             self.options.ownerDocument.execCommand('unlink', false, null);
@@ -626,9 +665,10 @@ else if (typeof define === 'function' && define.amd) {
             return this;
         },
 
-        bindTab: function (index) {
+        bindKeydown: function (index) {
             var self = this;
             this.on(this.elements[index], 'keydown', function (e) {
+
                 if (e.which === 9) {
                     // Override tab only for pre nodes
                     var tag = getSelectionStart.call(self).tagName.toLowerCase();
@@ -649,10 +689,77 @@ else if (typeof define === 'function' && define.amd) {
                         }
                     }
                 }
+                else if ( e.which === 8 || e.which === 46 || e.which === 13 )
+                {
+
+                    // Bind keys which can create or destroy a block element: backspace, delete, return
+                    self.onBlockModifier(e);
+
+                }
             });
             return this;
         },
 
+        onBlockModifier: function( e ) {
+
+            var range, sel, p, node = getSelectionStart.call(this),
+                tagName = node.tagName.toLowerCase(),
+                isEmpty = /^(\s+|<br\/?>)?$/i,
+                isHeader = /h\d/i;
+
+            if ( (e.which === 8 || e.which === 13) // backspace or return
+                    && node.previousElementSibling 
+                    && isHeader.test(tagName) // in a header
+                    && getCaretOffsets(node).left === 0 ) // at the very end of the block
+            {
+                if ( e.which === 8 && isEmpty.test(node.previousElementSibling.innerHTML) )
+                {
+                    // backspacing the begining of a header into an empty previous element will
+                    // change the tagName of the current node to prevent one
+                    // instead delete previous node and cancel the event.
+                    node.previousElementSibling.parentNode.removeChild( node.previousElementSibling );
+                    e.preventDefault();
+                }
+                else if ( e.which === 13 )
+                {
+                    // hitting return in the begining of a header will create empty header elements before the current one
+                    // instead, make "<p><br></p>" element, which are what happens if you hit return in an empty paragraph
+                    p = this.options.ownerDocument.createElement('p');
+                    p.innerHTML = '<br>';
+                    node.previousElementSibling.parentNode.insertBefore( p, node );
+                    e.preventDefault();
+                }
+
+            }
+            else if ( e.which === 46 // delete
+                && node.nextElementSibling
+                && node.previousElementSibling
+                && !isHeader.test(tagName) // not in a header
+                && isEmpty.test(node.innerHTML) // in an empty tag
+                && isHeader.test(node.nextElementSibling.tagName) ) // when the next tag *is* a header
+            {
+                    // hitting delete in an empty element preceding a header, ex:
+                    //  <p>[CURSOR]</p><h1>Header</h1>
+                    // Will cause the h1 to become a paragraph.
+                    // Instead, delete the paragraph node and move the cursor to the begining of the h1
+
+                    // remove node and move cursor to start of header
+                    range = document.createRange();
+                    sel = window.getSelection();
+
+                    range.setStart(node.nextElementSibling, 0);
+                    range.collapse(true);
+
+                    sel.removeAllRanges();
+                    sel.addRange(range);
+
+                    node.previousElementSibling.parentNode.removeChild(node);
+
+                    e.preventDefault();
+            }
+
+        },
+
         buttonTemplate: function (btnType) {
             var buttonLabels = this.getButtonLabels(this.options.buttonLabels),
                 buttonTemplates = {
@@ -745,13 +852,14 @@ else if (typeof define === 'function' && define.amd) {
                 return this;
             }
             this.toolbar = this.createToolbar();
+            this.addExtensionForms();
             this.keepToolbarAlive = false;
             this.toolbarActions = this.toolbar.querySelector('.medium-editor-toolbar-actions');
             this.anchorPreview = this.createAnchorPreview();
 
             if (!this.options.disableAnchorForm) {
-                this.anchorForm = this.toolbar.querySelector('.medium-editor-toolbar-form-anchor');
-                this.anchorInput = this.anchorForm.querySelector('input.medium-editor-toolbar-anchor-input');
+                this.anchorForm = this.toolbar.querySelector('.medium-editor-toolbar-form');
+                this.anchorInput = this.anchorForm.querySelector('input.medium-editor-toolbar-input');
                 this.anchorTarget = this.anchorForm.querySelector('input.medium-editor-toolbar-anchor-target');
                 this.anchorButton = this.anchorForm.querySelector('input.medium-editor-toolbar-anchor-button');
             }
@@ -793,6 +901,9 @@ else if (typeof define === 'function' && define.amd) {
                 if (this.options.extensions.hasOwnProperty(btns[i])) {
                     ext = this.options.extensions[btns[i]];
                     btn = ext.getButton !== undefined ? ext.getButton(this) : null;
+                    if (ext.hasForm) {
+                        btn.setAttribute('data-form', 'medium-editor-toolbar-form-' + btns[i] + '-' + this.id);
+                    }
                 } else {
                     btn = this.buttonTemplate(btns[i]);
                 }
@@ -811,6 +922,30 @@ else if (typeof define === 'function' && define.amd) {
             return ul;
         },
 
+        addExtensionForms: function () {
+            var extensions = this.options.extensions,
+                ext,
+                name,
+                form,
+                id;
+
+            for (name in extensions) {
+                if (extensions.hasOwnProperty(name)) {
+                    ext = extensions[name];
+                    if(ext.hasForm){
+                       form = ext.getForm !== undefined ? ext.getForm() : null; 
+                    }
+                    if (form) {
+                        id = 'medium-editor-toolbar-form-'+name+'-'+this.id;
+                        form.className = 'medium-editor-toolbar-form';
+                        form.id = id;
+                        ext.getForm().id = id;
+                        this.toolbar.appendChild(form);
+                    }
+                }
+            }
+        },
+
         toolbarFormAnchor: function () {
             var anchor = this.options.ownerDocument.createElement('div'),
                 input = this.options.ownerDocument.createElement('input'),
@@ -822,21 +957,21 @@ else if (typeof define === 'function' && define.amd) {
                 save = this.options.ownerDocument.createElement('a');
 
             close.setAttribute('href', '#');
-            close.className = 'medium-editor-toobar-anchor-close';
+            close.className = 'medium-editor-toobar-close';
             close.innerHTML = '&times;';
 
             save.setAttribute('href', '#');
-            save.className = 'medium-editor-toobar-anchor-save';
+            save.className = 'medium-editor-toobar-save';
             save.innerHTML = '&#10003;';
 
             input.setAttribute('type', 'text');
-            input.className = 'medium-editor-toolbar-anchor-input';
+            input.className = 'medium-editor-toolbar-input';
             input.setAttribute('placeholder', this.options.anchorInputPlaceholder);
 
 
             target.setAttribute('type', 'checkbox');
             target.className = 'medium-editor-toolbar-anchor-target';
-            target_label.innerHTML = "Open in New Window?";
+            target_label.innerHTML = this.options.anchorInputCheckboxLabel;
             target_label.insertBefore(target, target_label.firstChild);
 
             button.setAttribute('type', 'checkbox');
@@ -845,7 +980,7 @@ else if (typeof define === 'function' && define.amd) {
             button_label.insertBefore(button, button_label.firstChild);
 
 
-            anchor.className = 'medium-editor-toolbar-form-anchor';
+            anchor.className = 'medium-editor-toolbar-form';
             anchor.id = 'medium-editor-toolbar-form-anchor-' + this.id;
             anchor.appendChild(input);
 
@@ -1054,7 +1189,8 @@ else if (typeof define === 'function' && define.amd) {
             boundary,
             middleBoundary,
             defaultLeft = (this.options.diffLeft) - (this.toolbar.offsetWidth / 2),
-            halfOffsetWidth = this.toolbar.offsetWidth / 2;
+            halfOffsetWidth = this.toolbar.offsetWidth / 2,
+            containerCenter = (containerRect.left + (containerRect.width / 2));
 
             if ( selection.focusNode === null ) {
                 return this;
@@ -1085,8 +1221,18 @@ else if (typeof define === 'function' && define.amd) {
                     this.toolbar.style.top = containerTop - this.toolbar.offsetHeight + "px";
                 }
 
-                this.toolbar.style.left = containerRect.left + "px";
-
+                if (this.options.toolbarAlign) {
+                    if (this.options.toolbarAlign === 'left') {
+                        this.toolbar.style.left = containerRect.left + "px";
+                    } else if (this.options.toolbarAlign === 'center') {
+                        this.toolbar.style.left = (containerCenter - halfOffsetWidth) + "px";
+                    } else {
+                        this.toolbar.style.left = (containerRect.right - this.toolbar.offsetWidth) + "px";
+                    }
+                } else {
+                    this.toolbar.style.left = (containerCenter - halfOffsetWidth) + "px";
+                }
+                
             } else if (!selection.isCollapsed) {
                 range = selection.getRangeAt(0);
                 boundary = range.getBoundingClientRect();
@@ -1165,6 +1311,11 @@ else if (typeof define === 'function' && define.amd) {
                     if (this.hasAttribute('data-action')) {
                         self.execAction(this.getAttribute('data-action'), e);
                     }
+                    // Allows extension buttons to show a form
+                    // TO DO: Improve this
+                    if (this.hasAttribute('data-form')) {
+                        self.showForm(this.getAttribute('data-form'), e);
+                    }
                 };
             for (i = 0; i < buttons.length; i += 1) {
                 this.on(buttons[i], 'click', triggerAction);
@@ -1198,6 +1349,27 @@ else if (typeof define === 'function' && define.amd) {
             }
         },
 
+        // Method to show an extension's form
+        // TO DO: Improve this
+        showForm: function (formId, e) {
+            this.toolbarActions.style.display = 'none';
+            this.saveSelection();
+            var form = document.getElementById(formId);
+            form.style.display = 'block';
+            this.setToolbarPosition();
+            this.keepToolbarAlive = true;
+        },
+
+        // Method to show an extension's form
+        // TO DO: Improve this
+        hideForm: function (form, e) {
+            var el = document.getElementById(form.id);
+            el.style.display = 'none';
+            this.showToolbarActions();
+            this.setToolbarPosition();
+            restoreSelection.call(this, this.savedSelection);
+        },
+
         // http://stackoverflow.com/questions/15867542/range-object-get-selection-parent-node-chrome-vs-firefox
         rangeSelectsSingleNode: function (range) {
             var startNode = range.startContainer;
@@ -1355,8 +1527,8 @@ else if (typeof define === 'function' && define.amd) {
                 return this;
             }
 
-            var linkCancel = this.anchorForm.querySelector('a.medium-editor-toobar-anchor-close'),
-                linkSave = this.anchorForm.querySelector('a.medium-editor-toobar-anchor-save'),
+            var linkCancel = this.anchorForm.querySelector('a.medium-editor-toobar-close'),
+                linkSave = this.anchorForm.querySelector('a.medium-editor-toobar-save'),
                 self = this;
 
             this.on(this.anchorForm, 'click', function (e) {
@@ -1436,7 +1608,6 @@ else if (typeof define === 'function' && define.amd) {
             return this;
         },
 
-
         hideAnchorPreview: function () {
             this.anchorPreview.classList.remove('medium-editor-anchor-preview-active');
         },

data/vendor/assets/stylesheets/medium-editor/medium-editor.css

@@ -135,26 +135,26 @@
 .medium-editor-action-italic {
   font-style: italic; }
 
-.medium-editor-toolbar-form-anchor {
+.medium-editor-toolbar-form {
   display: none; }
-  .medium-editor-toolbar-form-anchor input, .medium-editor-toolbar-form-anchor a {
+  .medium-editor-toolbar-form input, .medium-editor-toolbar-form a {
     font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }
-  .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input, .medium-editor-toolbar-form-anchor label {
+  .medium-editor-toolbar-form .medium-editor-toolbar-input, .medium-editor-toolbar-form label {
     margin: 0;
     padding: 6px;
     width: 316px;
     border: none;
     font-size: 14px;
     box-sizing: border-box; }
-    .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input:focus, .medium-editor-toolbar-form-anchor label:focus {
+    .medium-editor-toolbar-form .medium-editor-toolbar-input:focus, .medium-editor-toolbar-form label:focus {
       outline: 0;
       border: none;
       box-shadow: none;
       -webkit-appearance: none;
       -moz-appearance: none; }
-  .medium-editor-toolbar-form-anchor label {
+  .medium-editor-toolbar-form label {
     display: block; }
-  .medium-editor-toolbar-form-anchor a {
+  .medium-editor-toolbar-form a {
     display: inline-block;
     margin: 0 10px;
     text-decoration: none;

data/vendor/assets/stylesheets/medium-editor/themes/bootstrap.css

@@ -35,29 +35,29 @@
     background-color: #3276b1;
     color: #fff; }
 
-.medium-editor-toolbar-form-anchor {
+.medium-editor-toolbar-form {
   background: #428bca;
   color: #fff;
   border-radius: 4px; }
-  .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input {
+  .medium-editor-toolbar-form .medium-editor-toolbar-input {
     height: 60px;
     background: #428bca;
     color: #fff; }
-    .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input::-webkit-input-placeholder {
+    .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
       color: #fff;
       color: rgba(255, 255, 255, 0.8); }
-    .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input:-moz-placeholder {
+    .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
       /* Firefox 18- */
       color: #fff;
       color: rgba(255, 255, 255, 0.8); }
-    .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input::-moz-placeholder {
+    .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
       /* Firefox 19+ */
       color: #fff;
       color: rgba(255, 255, 255, 0.8); }
-    .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input:-ms-input-placeholder {
+    .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
       color: #fff;
       color: rgba(255, 255, 255, 0.8); }
-  .medium-editor-toolbar-form-anchor a {
+  .medium-editor-toolbar-form a {
     color: #fff; }
 
 .medium-editor-toolbar-anchor-preview {

data/vendor/assets/stylesheets/medium-editor/themes/default.css

@@ -44,16 +44,16 @@
     background: -webkit-linear-gradient(bottom, #242424, rgba(0, 0, 0, 0.89));
     background: linear-gradient(bottom, #242424, rgba(0, 0, 0, 0.89)); }
 
-.medium-editor-toolbar-form-anchor {
+.medium-editor-toolbar-form {
   background: #242424;
   color: #999;
   border-radius: 5px; }
-  .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input {
+  .medium-editor-toolbar-form .medium-editor-toolbar-input {
     height: 50px;
     background: #242424;
     color: #ccc;
     box-sizing: border-box; }
-  .medium-editor-toolbar-form-anchor a {
+  .medium-editor-toolbar-form a {
     color: #fff; }
 
 .medium-editor-toolbar-anchor-preview {

data/vendor/assets/stylesheets/medium-editor/themes/flat.css

@@ -28,25 +28,25 @@
     .medium-editor-toolbar li .medium-editor-button-last {
       border-right: none; }
 
-.medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input {
+.medium-editor-toolbar-form .medium-editor-toolbar-input {
   height: 60px;
   background: #57ad68;
   color: #fff; }
-  .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input::-webkit-input-placeholder {
+  .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
     color: #fff;
     color: rgba(255, 255, 255, 0.8); }
-  .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input:-moz-placeholder {
+  .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
     /* Firefox 18- */
     color: #fff;
     color: rgba(255, 255, 255, 0.8); }
-  .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input::-moz-placeholder {
+  .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
     /* Firefox 19+ */
     color: #fff;
     color: rgba(255, 255, 255, 0.8); }
-  .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input:-ms-input-placeholder {
+  .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
     color: #fff;
     color: rgba(255, 255, 255, 0.8); }
-.medium-editor-toolbar-form-anchor a {
+.medium-editor-toolbar-form a {
   color: #fff; }
 
 .medium-editor-toolbar-anchor-preview {

data/vendor/assets/stylesheets/medium-editor/themes/mani.css

@@ -35,16 +35,16 @@
     background: -webkit-linear-gradient(bottom, #dee7f0, rgba(0, 0, 0, 0.1));
     background: linear-gradient(bottom, #dee7f0, rgba(0, 0, 0, 0.1)); }
 
-.medium-editor-toolbar-form-anchor {
+.medium-editor-toolbar-form {
   background: #dee7f0;
   color: #999;
   border-radius: 2px; }
-  .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input {
+  .medium-editor-toolbar-form .medium-editor-toolbar-input {
     height: 50px;
     background: #dee7f0;
     color: #40648a;
     box-sizing: border-box; }
-  .medium-editor-toolbar-form-anchor a {
+  .medium-editor-toolbar-form a {
     color: #40648a; }
 
 .medium-editor-toolbar-anchor-preview {

data/vendor/assets/stylesheets/medium-editor/themes/roman.css

@@ -36,16 +36,16 @@
     background: -webkit-linear-gradient(bottom, #fff, rgba(0, 0, 0, 0.2));
     background: linear-gradient(bottom, #fff, rgba(0, 0, 0, 0.2)); }
 
-.medium-editor-toolbar-form-anchor {
+.medium-editor-toolbar-form {
   background: #fff;
   color: #999;
   border-radius: 5px; }
-  .medium-editor-toolbar-form-anchor .medium-editor-toolbar-anchor-input {
+  .medium-editor-toolbar-form .medium-editor-toolbar-input {
     margin: 0;
     height: 50px;
     background: #fff;
     color: #a8a8a8; }
-  .medium-editor-toolbar-form-anchor a {
+  .medium-editor-toolbar-form a {
     color: #889aac; }
 
 .medium-editor-toolbar-anchor-preview {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: medium-editor-rails
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.1.2
 platform: ruby
 authors:
 - Ahmet Sezgin Duran
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-27 00:00:00.000000000 Z
+date: 2015-02-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties