#38 - Normalize parent element after toggling inline formatters

Author: fredevery

src/scripts/config/toolbar.js

@@ -81,7 +81,8 @@ const Toolbar = {
             },
             content: '<b>B</b>',
             disabledIn: ['H1', 'H2', 'BLOCKQUOTE'],
-            activeIn: ['B']
+            activeIn: ['B'],
+            toggles: true
         },
 
         italic: {
@@ -92,7 +93,8 @@ const Toolbar = {
                 validTags: ['I']
             },
             content: '<i>I</i>',
-            activeIn: ['I']
+            activeIn: ['I'],
+            toggles: true
         },
 
         underline: {

src/scripts/modules/TextFormatter.js

@@ -28,7 +28,7 @@ const TextFormatter = Module({
         formatText (opts) {
             this.preProcess();
             this.process(opts);
-            this.postProcess();
+            this.postProcess(opts);
         },
 
         preProcess () {
@@ -44,11 +44,22 @@ const TextFormatter = Module({
             });
         },
 
-        postProcess () {
+        postProcess (opts) {
             const { mediator } = this;
 
             mediator.exec('contenteditable:refocus');
-            // mediator.exec('selection:reselect');
+
+            if (opts.toggle) {
+                this.normalize();
+            }
+        },
+
+        normalize () {
+            const { mediator } = this;
+            const currentSelection = mediator.get('selection:current');
+            const parentElement = currentSelection.anchorNode.parentElement;
+            parentElement.normalize();
+            console.log('ping');
         }
     }
 });