Set default font size for editor

Signed-off-by: dab246 <[email protected]>

Author: dab246

lib/src/widgets/html_editor_widget_web.dart

@@ -86,6 +86,50 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
   void initSummernote() async {
     var headString = '';
     var summernoteCallbacks = '''callbacks: {
+        ${widget.htmlEditorOptions.useDefaultFontSize
+          ? '''
+              onInit: function() {
+                const editor = document.querySelector('.note-editable');
+                if (!editor) return;
+                
+                editor.style.fontSize = "${widget.htmlEditorOptions.defaultFontSize}px";
+                editor.style.lineHeight = calcLineHeightPx(`${widget.htmlEditorOptions.defaultFontSize}`) + "px";
+              },
+              onChange: function(contents, \$editable) {
+                normalizeFontAndLineHeight(\$editable[0]);
+              },
+              onKeyup: function(e) {
+                if (e.which === 13) {
+                  setTimeout(() => {
+                    const sel = window.getSelection();
+                    if (!sel.rangeCount) return;
+                    let node = sel.anchorNode;
+          
+                    if (node.nodeType === 3) {
+                      node = node.parentNode;
+                    }
+                    
+                    if (node) {
+                      if (node.style) {
+                        node.style.removeProperty("line-height");
+                        if (node.getAttribute("style") === "") {
+                          node.removeAttribute("style");
+                        }
+                      }
+              
+                      const parent = node.parentElement;
+                      if (parent && parent.style) {
+                        parent.style.removeProperty("line-height");
+                        if (parent.getAttribute("style") === "") {
+                          parent.removeAttribute("style");
+                        }
+                      }
+                    }
+                  }, 0);
+                }
+              },
+            '''
+          : ''}
         onKeydown: function(e) {
             var chars = \$(".note-editable").text();
             var totalChars = chars.length;
@@ -533,7 +577,10 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
         ${JavascriptUtils.jsHandleCreateSignature(createdViewId)}
         ${JavascriptUtils.jsHandleOnClickSignature}
         ${JavascriptUtils.jsDetectBrowser}
-        ${JavascriptUtils.jsHandleSetFontSize}
+        ${widget.htmlEditorOptions.useDefaultFontSize
+          ? JavascriptUtils.jsHandleSetupDefaultFontSize(widget.htmlEditorOptions.defaultFontSize, widget.htmlEditorOptions.defaultLineHeight)
+          : ''}
+        ${JavascriptUtils.jsHandleSetFontSize(widget.htmlEditorOptions.defaultFontSize)}
         ${JavascriptUtils.jsHandleInsertImageWithSafeSignature}
         
         function onSelectionChange() {

lib/src/widgets/toolbar_widget.dart

@@ -870,8 +870,7 @@ class ToolbarWidgetState extends State<ToolbarWidget> {
                           _actualFontSizeSelectedItem = 48;
                           break;
                       }
-                      widget.controller.execCommand('fontSize',
-                          argument: changed.toString());
+                      widget.controller.setFontSize(_actualFontSizeSelectedItem.toInt());
                       updateSelectedItem(changed);
                     }
                   }

lib/utils/javascript_utils.dart

@@ -187,8 +187,9 @@ class JavascriptUtils {
     }
   ''';
 
-  static const String jsHandleSetFontSize = '''
-    var activeFontSize = 15;
+  static String jsHandleSetFontSize(double defaultFontSizePx) => '''
+    var activeFontSize = `$defaultFontSizePx`;
+
     var style = document.createElement("style");
     document.body.appendChild(style);
 
@@ -224,6 +225,35 @@ class JavascriptUtils {
     });
   ''';
 
+  static String jsHandleSetupDefaultFontSize(
+    double defaultFontSizePx,
+    double defaultLineHeightPx,
+  ) => '''
+    const ratio = `${defaultLineHeightPx / defaultFontSizePx}`;
+    
+    function calcLineHeightPx(fontSize) {
+      return Math.round(fontSize * ratio);
+    }
+    
+    function normalizeFontAndLineHeight(editable) {
+      const elements = editable.querySelectorAll("[style*='font-size']");
+      elements.forEach(element => {
+        const fontSize = parseInt(element.style.fontSize);
+        if (fontSize) {
+          element.style.lineHeight = calcLineHeightPx(fontSize) + "px";
+        }
+      });
+      
+      // Heading block
+      editable.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(h => {
+        const size = parseInt(window.getComputedStyle(h).fontSize);
+        if (size && !h.style.lineHeight) {
+          h.style.lineHeight = calcLineHeightPx(size) + "px";
+        }
+      });
+    }
+  ''';
+
   static const String jsHandleOnKeyDown = '''
       if (e.which === 13) { // Press "Enter"
           setTimeout(() => {

lib/utils/options.dart

@@ -31,6 +31,9 @@ class HtmlEditorOptions {
     this.cacheHTMLAssetOffline = false,
     this.normalizeHtmlTextWhenPasting = false,
     this.normalizeHtmlTextWhenDropping = false,
+    this.useDefaultFontSize = true,
+    this.defaultFontSize = 16.0,
+    this.defaultLineHeight = 24.0,
   });
 
   /// The editor will automatically adjust its height when the keyboard is active
@@ -148,6 +151,15 @@ class HtmlEditorOptions {
 
   /// Normalize HTML text when dropping
   final bool normalizeHtmlTextWhenDropping;
+
+  /// Use default font size
+  final bool useDefaultFontSize;
+
+  /// Default font size
+  final double defaultFontSize;
+
+  /// Default line height
+  final double defaultLineHeight;
 }
 
 /// Options that modify the toolbar and its behavior