Changeset 2259544 for tinymce-advanced

Timestamp:

03/12/2020 05:40:10 AM (6 years ago)

Author:

azaozz

Message:

TMA, small tweaks.

Location:

tinymce-advanced/branches/dev/src/block-editor

Files:

• classic-paragraph/classic-paragraph.js (modified) (2 diffs)
• classic-paragraph/edit.js (modified) (3 diffs)
• richtext-buttons/mark.js (modified) (1 diff)
• tma-block-editor.css (modified) (2 diffs)

tinymce-advanced/branches/dev/src/block-editor/classic-paragraph/classic-paragraph.js

@@ -11 +11 @@
 import transforms from './transforms';
 
-// import metadata from './block.json'; // ugh... tools
+// import metadata from './block.json'; // ugh... needs 1/2 gig of "tools dependencies"?!?
 const metadata = {
     "name": "tadv/classic-paragraph",
@@ -45 +45 @@
     },
 
-    // Working?
+    // Is this working?
     merge( attributes, attributesToMerge ) {
         return {

tinymce-advanced/branches/dev/src/block-editor/classic-paragraph/edit.js

@@ -5 +5 @@
 const { Component, createElement } = wp.element;
 const { BACKSPACE, DELETE, F10 } = wp.keycodes;
+
+// TODO
+// const { BlockControls, BlockAlignmentToolbar } = wp.blockEditor;
 
 const settings = window.tadvBlockRegister;
@@ -166 +169 @@
 
     render() {
-        const { clientId, name } = this.props;
+        const { clientId, name, attributes, setAttributes } = this.props;
+
+        // TODO
+        //const width = attributes.width || null;
 
         return [
@@ -183 +189 @@
                 className: "wp-block-freeform block-library-rich-text__tinymce tma-classic-paragraph",
             } ),
+
+            /*
+            createElement( BlockControls,
+                null,
+                createElement( BlockAlignmentToolbar, {
+                    value: width,
+                    onChange: ( nextWidth ) => setAttributes( { width: nextWidth } ),
+                    controls: [ 'center', 'wide', 'full' ],
+                } )
+            ),
+            */
         ];
     }

tinymce-advanced/branches/dev/src/block-editor/richtext-buttons/mark.js

@@ -18 +18 @@
 } = wp.richText;
 
-const markIcon = createElement( SVG, { viewBox: '0 0 20 20', xmlns: 'http://www.w3.org/2000/svg', 'class': 'tadv-mark-icon' },
+const markIcon = createElement( SVG, { viewBox: '0 0 20 20', xmlns: 'http://www.w3.org/2000/svg', className: 'dashicon tadv-mark-icon' },
     createElement( Path, {
         'aria-hidden': 'true',

tinymce-advanced/branches/dev/src/block-editor/tma-block-editor.css

@@ -76 +76 @@
 
 div.mce-menu-has-icons i.mce-ico {
-    line-height: 16px;
+    line-height: 18px;
+    width: 18px;
+    height: 18px;
 }
 
@@ -156 +158 @@
 }
 
+div.mce-toolbar-grp .mce-btn i.mce-ico {
+    font-size: 20px;
+}
+
 div.mce-widget.mce-tooltip .mce-tooltip-inner {
     font-size: 13px;