Support set font size text use pixel unit

lib/src/html_editor_controller_unsupported.dart

@@ -84,6 +84,9 @@ class HtmlEditorController {
   /// A function to quickly call a Summernote API function in a readable format
   void execSummernoteAPI(String nameAPI, {String? value}) {}
 
+  /// A function to set font size for text selected
+  void setFontSize(int size) {}
+
   /// A function to execute JS passed as a [WebScript] to the editor. This should
   /// only be used on Flutter Web.
   Future<dynamic> evaluateJavascriptWeb(String name,

lib/src/html_editor_controller_web.dart

@@ -271,6 +271,15 @@ class HtmlEditorController extends unsupported.HtmlEditorController {
     });
   }
 
+  /// A function to set font size for text selected
+  @override
+  void setFontSize(int size) {
+    _evaluateJavascriptWeb(data: {
+      'type': 'toIframe: setFontSize',
+      'size': size
+    });
+  }
+
   /// A function to execute JS passed as a [WebScript] to the editor. This should
   /// only be used on Flutter Web.
   @override

lib/src/widgets/html_editor_widget_web.dart

@@ -279,7 +279,6 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
                 const nodeDropZone = document.querySelector('.note-editor > .note-dropzone');
                 if (nodeDropZone) {
                   nodeDropZone.setAttribute('style', styleDropZone);
-                  console.log("nodeDropZone: " + nodeDropZone.outerHTML);
                 }
               }
               if (data["type"].includes("setText")) {
@@ -384,6 +383,9 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
                   \$('#summernote-2').summernote(nameAPI, value);
                 }
               }
+              if (data["type"].includes("setFontSize")) {
+                setFontSize(data["size"]);
+              }
               if (data["type"].includes("changeListStyle")) {
                 var \$focusNode = \$(window.getSelection().focusNode);
                 var \$parentList = \$focusNode.closest("div.note-editable ol, div.note-editable ul");
@@ -471,6 +473,7 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
 
         ${JavascriptUtils.jsHandleOnClickSignature}
         ${JavascriptUtils.jsDetectBrowser}
+        ${JavascriptUtils.jsHandleSetFontSize}
 
         function onSelectionChange() {
           let {anchorNode, anchorOffset, focusNode, focusOffset} = document.getSelection();
@@ -801,6 +804,20 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
           });\n
         """;
     }
+    if (c.onTextFontSizeChanged != null) {
+      callbacks =
+      """$callbacks          \$('#summernote-2').on('summernote.mouseup', function(_) {
+            try {
+              var fontSize = \$(window.getSelection().getRangeAt(0).startContainer.parentNode).css("font-size")
+              fontSize = fontSize.replace("px", "");
+              var size = parseInt(fontSize);
+              window.parent.postMessage(JSON.stringify({"view": "$createdViewId", "type": "toDart: onTextFontSizeChanged", "size": size}), "*");
+            } catch(e) {
+              console.log("JavascriptUtils::summernote.mouseup::Exception", e);
+            }
+          });\n
+        """;
+    }
     return callbacks;
   }
 
@@ -893,6 +910,9 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
         if (data['type'].contains('characterCount')) {
           widget.controller.characterCount = data['totalChars'];
         }
+        if (data['type'].contains('onTextFontSizeChanged')) {
+          c.onTextFontSizeChanged!.call(data['size']);
+        }
       }
     });
   }

lib/utils/callbacks.dart

@@ -25,6 +25,7 @@ class Callbacks {
     this.onNavigationRequestMobile,
     this.onPaste,
     this.onScroll,
+    this.onTextFontSizeChanged,
   });
 
   /// Called before certain commands are fired and the editor is in rich text view.
@@ -184,4 +185,7 @@ class Callbacks {
   /// Note: This function will be repeatedly called while the editor is scrolled.
   /// Make sure to factor that into your implementation.
   void Function()? onScroll;
+
+  /// Called whenever the mouse/finger is released and the editor is in rich text view.
+  void Function(int?)? onTextFontSizeChanged;
 }

lib/utils/javascript_utils.dart

@@ -161,4 +161,37 @@ class JavascriptUtils {
       }
     }
   ''';
+
+  static const String jsHandleSetFontSize = '''
+    var activeFontSize = 15;
+    var style = document.createElement("style");
+    document.body.appendChild(style);
+
+    function setFontSize(value) {
+      \$('#summernote-2').summernote('focus');
+      document.execCommand("fontSize", false, 20);
+      activeFontSize = value;
+      createStyle();
+      updateTags();
+    }
+
+    function updateTags() {
+      var nodeEditor = document.querySelector('.note-editable');
+      var fontElements = nodeEditor.getElementsByTagName("font");
+      for (var i = 0, len = fontElements.length; i < len; ++i) {
+        if (fontElements[i].size == "7") {
+          fontElements[i].removeAttribute("size");
+          fontElements[i].style.fontSize = activeFontSize + "px";
+        }
+      }
+    }
+
+    function createStyle() {
+      style.innerHTML = '.note-editable font[size="7"]{font-size: ' + activeFontSize + 'px}';
+    }
+
+    \$('#summernote-2').on('summernote.keyup', function(_, e) {
+      updateTags();
+    });
+  ''';
 }