activeadmin_medium_editor 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5fa056de5e59846b7d0b449ef371f7fe75864656
-  data.tar.gz: 1fe493b9241658fad0f48551149d2257913e4a54
+  metadata.gz: 18830bfe275573dcd15abaa21c76b6e4266ec56d
+  data.tar.gz: b4c18640d247fe3dc72bf08bea8deded67557c6f
 SHA512:
-  metadata.gz: 8cce0810875b611906d7349c1c63d80b97979dbc82f1a60e18fff7b99ad62b945c7503aee828e5ce6057d98a6d1638f9bdb6bc594a5dc48dd4012d134000a7be
-  data.tar.gz: ceed18fffe69dc22003de49cf6d94aa47a314a1622d16ab8736f16f10cf989bf6a74696f3a4258b12bec65f3f7ee0f5f65911fafc33b190418e4564d086e4ef8
+  metadata.gz: 93a66cf75bb58cd4b0d1bedea4ee9b625d589dbab2ec400041519235c5001c34d2e07e13c7d93d4ea2f2a26bb712a9f81add83a1c72a5cd2d106c423a506f5cb
+  data.tar.gz: a629a66783f6598990a1bcae5c00c1fd8309ff9c6bed6eda6de84a86f40d4f5ef59eb0a89a69686b1b69cc60372ac229ba2da58bd16f85e8316807a4664f98e9

data/README.md

@@ -1,6 +1,10 @@
 # ActiveAdmin Medium Editor [![Gem Version](https://badge.fury.io/rb/activeadmin_medium_editor.svg)](https://badge.fury.io/rb/activeadmin_medium_editor)
 
-An Active Admin plugin to use [medium-editor](https://github.com/yabwe/medium-editor).
+An Active Admin plugin to use [medium-editor](https://github.com/yabwe/medium-editor), a compact and clean WYSIWYG editor.
+
+![screenshot](screenshot.jpg)
+
+After some text of the input is selected a pop-up menu is shown.
 
 ## Install
 
@@ -23,22 +27,32 @@ Why 2 separated scripts? In this way you can include a different version of *med
 
 ## Notes
 
-**data-options** optional attribute permits to set *medium-editor* options directly - [options list](https://github.com/yabwe/medium-editor#mediumeditor-options)
+**data-options**: permits to set *medium-editor* options directly - see [options list](https://github.com/yabwe/medium-editor#mediumeditor-options)
 
-## Example
+## Examples
 
 ```ruby
 # ActiveAdmin article form conf:
   form do |f|
     f.inputs 'Article' do
       f.input :title
-      f.input :description, as: :medium_editor, input_html: { 'data-options': '{"toolbar":{"buttons":["bold","italic","underline","anchor"]}}' }
+      f.input :description, as: :medium_editor, input_html: { data: { options: '{"spellcheck":false,"toolbar":{"buttons":["bold","italic","underline","anchor"]}}' } }
       f.input :published
     end
     f.actions
   end
 ```
 
+Some more buttons:
+
+`f.input :description, as: :medium_editor, input_html: { data: { options: '{"spellcheck":false,"toolbar":{"buttons":["bold","italic","underline","anchor","orderedlist","unorderedlist","strikethrough","subscript","superscript","pre","h1","h2","h3","h4","h5","h6","html"]}}' } }`
+
+## Notes
+
+With the current version of Medium Editor some default buttons seem to not work properly, from my test they are: "indent", "outdent", "quote", "justifyLeft", "justifyCenter", "justifyRight", "justifyFull"
+
+If some of this feature are needed I could suggest to override the button behavior or to use custom style classes. See the Medium Editor documentation for details.
+
 ## Contributors
 
 - [Mattia Roccoberton](http://blocknot.es) - creator, maintainer

data/app/assets/javascripts/activeadmin/medium_editor_input.js

@@ -2,7 +2,6 @@ $(document).ready( function() {
   $('.medium-editor').each(function () {
     var options = {};
     options = $.extend({}, options, $(this).data('options'));
-    // var options = $(this).data('options') ? $(this).data('options') : {};
     new MediumEditor( $(this), options );
   });
 });

data/app/assets/stylesheets/activeadmin/_medium_editor_input.sass

@@ -1,17 +1,31 @@
 @import './medium_editor/medium_editor'
 
 body.active_admin form
-  div.medium-editor
+  textarea.medium-editor-hidden
+    display: none
+  .medium-editor-element
     background-color: #fff
     border-radius: 5px
     border: 1px solid #96a8b2
     display: inline-block
+    max-height: 200px
+    overflow-y: scroll
     padding: 4px 6px 6px 6px
     width: 450px
-  div.medium-editor:focus
+    // reset internal elements
+    *
+      margin: initial
+      padding: initial
+      text-align: initial
+    ol
+      list-style-type: decimal
+    ul
+      list-style-type: disc
+    ul, ol
+      margin: 0 1.5em 1.5em 0
+      padding-left: 1.5em
+  .medium-editor-element:focus
     border-color: transparent
-  textarea.medium-editor-hidden
-    display: none
   .medium_editor > label
     display: inline-block
     float: none
@@ -19,11 +33,3 @@ body.active_admin form
 
 button.medium-editor-action
   border-radius: 0
-
-// .selectize-control
-//   .selectize-input
-//     width: calc(80% - 22px)
-//   &.multi .selectize-input, .selectize-input
-//     padding: 0 5px
-//     &.has-items
-//       padding: 0 5px

data/lib/activeadmin/medium_editor/version.rb

@@ -1,5 +1,5 @@
 module ActiveAdmin
   module MediumEditor
-    VERSION = '0.1.0'
+    VERSION = '0.1.2'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: activeadmin_medium_editor
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Mattia Roccoberton
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-08-14 00:00:00.000000000 Z
+date: 2017-09-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activeadmin
@@ -61,6 +61,7 @@ files:
 - lib/activeadmin/medium_editor/version.rb
 - lib/activeadmin_medium_editor.rb
 - lib/formtastic/inputs/medium_editor_input.rb
+- screenshot.jpg
 homepage: https://github.com/blocknotes/activeadmin_medium_editor
 licenses:
 - MIT
@@ -81,7 +82,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.2
+rubygems_version: 2.6.13
 signing_key: 
 specification_version: 4
 summary: medium-editor for ActiveAdmin