feat: Further QEditor work

Author: rstoenescu

dev/components/form/editor.vue

@@ -3,29 +3,34 @@
     <q-editor
       ref="editor"
       v-model="model"
+      small
       push glossy
       :toolbar="[
-        ['bold', 'italic', 'h1', 'p', 'link', 'gigi'],
-        ['gogu', 'print', 'custom_btn'],
-        ['token'],
-        ['bullet'],
-        [{
-          label: 'Font Size',
-          options: ['size-1', 'size-2', 'size-3', 'size-4', 'size-5', 'size-6', 'size-7']
-        },
-        {
-          label: 'Formatting',
-          options: ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'code']
-        },
-        {
-          label: 'Font',
-          options: ['font_arial', 'font_arial_black', 'font_courier_new', 'font_times_new_roman']
-        }],
+        ['bold', 'italic', 'strike', 'underline', 'subscript', 'superscript'],
+        ['token', 'hr', 'link', 'custom_btn'],
+        [
+          {
+            label: 'Font Size',
+            options: ['size-1', 'size-2', 'size-3', 'size-4', 'size-5', 'size-6', 'size-7']
+          },
+          {
+            label: 'Formatting',
+            options: ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'code']
+          },
+          {
+            label: 'Font',
+            options: ['font_arial', 'font_arial_black', 'font_courier_new', 'font_times_new_roman']
+          },
+          'removeFormat'
+        ],
+        ['quote', 'bullet', 'number', 'outdent', 'indent'],
+        ['left', 'center', 'right', 'justify'],
+        ['print'],
+        ['undo', 'redo'],
         [{
           label: 'Dropdown Test',
           options: ['gogu', 'outdent', 'indent', 'gigi']
-        }],
-        ['undo', 'redo']
+        }]
       ]"
       :definitions="{
         gigi: {cmd: 'bold', icon: 'map', tip: 'Gigi bold'},

src/components/editor/QEditor.js

@@ -27,6 +27,8 @@ export default {
     rounded: Boolean,
     push: Boolean,
     glossy: Boolean,
+    small: Boolean,
+    big: Boolean,
     definitions: Object,
     toolbar: {
       type: Array,
@@ -50,7 +52,9 @@ export default {
         flat: this.flat,
         rounded: this.rounded,
         push: this.push,
-        glossy: this.glossy
+        glossy: this.glossy,
+        small: this.small,
+        big: this.big
       }
     },
     buttons () {

src/components/editor/editor-definitions.js

@@ -16,7 +16,6 @@ export const buttons = {
   right: {cmd: 'justifyRight', icon: 'format_align_right', tip: 'Right align'},
   justify: {cmd: 'justifyFull', icon: 'format_align_justify', tip: 'Justify align'},
 
-  // run
   print: {type: 'no-state', cmd: 'print', icon: 'print', tip: 'Print'},
   outdent: {type: 'no-state', disable: vm => vm.caret && !vm.caret.can('outdent'), cmd: 'outdent', icon: 'format_indent_decrease', tip: 'Decrease indentation'},
   indent: {type: 'no-state', disable: vm => vm.caret && !vm.caret.can('indent'), cmd: 'indent', icon: 'format_indent_increase', tip: 'Increase indentation'},