From ee9c27c97e5ab30d15699e3ea54afff106199fbc Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 21 Jun 2022 02:09:50 +0700
Subject: [PATCH 01/13] add plugin cleaner

---
 .vscode/launch.json                           |  45 ++++
 example/android/.gitignore                    |   2 +
 .../android/app/src/main/AndroidManifest.xml  |  26 +-
 .../java/id/ercode/example/MainActivity.java  |  13 -
 .../app/src/main/res/values-night/styles.xml  |   2 +-
 .../app/src/main/res/values/styles.xml        |   2 +-
 example/android/build.gradle                  |   6 +-
 example/ios/Flutter/AppFrameworkInfo.plist    |   2 +-
 example/ios/Podfile.lock                      |  60 ++++-
 example/ios/Runner.xcodeproj/project.pbxproj  |   4 +-
 .../xcshareddata/xcschemes/Runner.xcscheme    |   2 +-
 example/lib/main.dart                         |  32 ++-
 example/pubspec.lock                          |  23 +-
 .../summernote-cleaner/summernote-cleaner.js  | 222 ++++++++++++++++++
 lib/assets/summernote.html                    |   4 +
 .../widgets/html_editor_widget_mobile.dart    |  63 ++++-
 lib/src/widgets/html_editor_widget_web.dart   |  29 +++
 lib/utils/plugins.dart                        |  41 ----
 lib/utils/plugins/summernote_at_mention.dart  |  43 ++++
 lib/utils/plugins/summernote_cleaner.dart     | 131 +++++++++++
 pubspec.lock                                  |  21 +-
 pubspec.yaml                                  |   3 +-
 22 files changed, 654 insertions(+), 122 deletions(-)
 create mode 100644 .vscode/launch.json
 delete mode 100644 example/android/app/src/main/java/id/ercode/example/MainActivity.java
 create mode 100644 lib/assets/plugins/summernote-cleaner/summernote-cleaner.js
 create mode 100644 lib/utils/plugins/summernote_at_mention.dart
 create mode 100644 lib/utils/plugins/summernote_cleaner.dart

diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 00000000..8acd6ed2
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,45 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "html-editor-enhanced-1",
+            "request": "launch",
+            "type": "dart"
+        },
+        {
+            "name": "html-editor-enhanced-1 (profile mode)",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "profile"
+        },
+        {
+            "name": "html-editor-enhanced-1 (release mode)",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "release"
+        },
+        {
+            "name": "example",
+            "cwd": "example",
+            "request": "launch",
+            "type": "dart"
+        },
+        {
+            "name": "example (profile mode)",
+            "cwd": "example",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "profile"
+        },
+        {
+            "name": "example (release mode)",
+            "cwd": "example",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "release"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/example/android/.gitignore b/example/android/.gitignore
index 0a741cb4..6f568019 100644
--- a/example/android/.gitignore
+++ b/example/android/.gitignore
@@ -9,3 +9,5 @@ GeneratedPluginRegistrant.java
 # Remember to never publicly share your keystore.
 # See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app
 key.properties
+**/*.keystore
+**/*.jks
diff --git a/example/android/app/src/main/AndroidManifest.xml b/example/android/app/src/main/AndroidManifest.xml
index d92152da..764640fc 100644
--- a/example/android/app/src/main/AndroidManifest.xml
+++ b/example/android/app/src/main/AndroidManifest.xml
@@ -5,21 +5,12 @@
     <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
     <uses-permission android:name="android.permission.CAMERA"/>
    <application
-        android:name="io.flutter.app.FlutterApplication"
         android:label="html_editor_enhanced_example"
-        android:icon="@mipmap/ic_launcher"
-        android:requestLegacyExternalStorage="true">
-       <provider
-           android:name="com.pichillilorenzo.flutter_inappwebview.InAppWebViewFileProvider"
-           android:authorities="${applicationId}.flutter_inappwebview.fileprovider"
-           android:exported="false"
-           android:grantUriPermissions="true">
-           <meta-data
-               android:name="android.support.FILE_PROVIDER_PATHS"
-               android:resource="@xml/provider_paths" />
-       </provider>
-       <activity
+        android:name="${applicationName}"
+        android:icon="@mipmap/ic_launcher">
+        <activity
             android:name=".MainActivity"
+            android:exported="true"
             android:launchMode="singleTop"
             android:theme="@style/LaunchTheme"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
@@ -33,15 +24,6 @@
               android:name="io.flutter.embedding.android.NormalTheme"
               android:resource="@style/NormalTheme"
               />
-            <!-- Displays an Android View that continues showing the launch screen
-                 Drawable until Flutter paints its first frame, then this splash
-                 screen fades out. A splash screen is useful to avoid any visual
-                 gap between the end of Android's launch screen and the painting of
-                 Flutter's first frame. -->
-            <meta-data
-              android:name="io.flutter.embedding.android.SplashScreenDrawable"
-              android:resource="@drawable/launch_background"
-              />
             <intent-filter>
                 <action android:name="android.intent.action.MAIN"/>
                 <category android:name="android.intent.category.LAUNCHER"/>
diff --git a/example/android/app/src/main/java/id/ercode/example/MainActivity.java b/example/android/app/src/main/java/id/ercode/example/MainActivity.java
deleted file mode 100644
index 2afecb89..00000000
--- a/example/android/app/src/main/java/id/ercode/example/MainActivity.java
+++ /dev/null
@@ -1,13 +0,0 @@
-package id.ercode.example;
-
-import androidx.annotation.NonNull;
-import io.flutter.embedding.android.FlutterActivity;
-import io.flutter.embedding.engine.FlutterEngine;
-import io.flutter.plugins.GeneratedPluginRegistrant;
-
-public class MainActivity extends FlutterActivity {
-  @Override
-  public void configureFlutterEngine(@NonNull FlutterEngine flutterEngine) {
-    GeneratedPluginRegistrant.registerWith(flutterEngine);
-  }
-}
diff --git a/example/android/app/src/main/res/values-night/styles.xml b/example/android/app/src/main/res/values-night/styles.xml
index 449a9f93..3db14bb5 100644
--- a/example/android/app/src/main/res/values-night/styles.xml
+++ b/example/android/app/src/main/res/values-night/styles.xml
@@ -10,7 +10,7 @@
          This theme determines the color of the Android Window while your
          Flutter UI initializes, as well as behind your Flutter UI while its
          running.
-         
+
          This Theme is only used starting with V2 of Flutter's Android embedding. -->
     <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>
diff --git a/example/android/app/src/main/res/values/styles.xml b/example/android/app/src/main/res/values/styles.xml
index d74aa35c..d460d1e9 100644
--- a/example/android/app/src/main/res/values/styles.xml
+++ b/example/android/app/src/main/res/values/styles.xml
@@ -10,7 +10,7 @@
          This theme determines the color of the Android Window while your
          Flutter UI initializes, as well as behind your Flutter UI while its
          running.
-         
+
          This Theme is only used starting with V2 of Flutter's Android embedding. -->
     <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>
diff --git a/example/android/build.gradle b/example/android/build.gradle
index c505a863..4256f917 100644
--- a/example/android/build.gradle
+++ b/example/android/build.gradle
@@ -1,8 +1,8 @@
 buildscript {
-    ext.kotlin_version = '1.3.50'
+    ext.kotlin_version = '1.6.10'
     repositories {
         google()
-        jcenter()
+        mavenCentral()
     }
 
     dependencies {
@@ -14,7 +14,7 @@ buildscript {
 allprojects {
     repositories {
         google()
-        jcenter()
+        mavenCentral()
     }
 }
 
diff --git a/example/ios/Flutter/AppFrameworkInfo.plist b/example/ios/Flutter/AppFrameworkInfo.plist
index 9367d483..8d4492f9 100644
--- a/example/ios/Flutter/AppFrameworkInfo.plist
+++ b/example/ios/Flutter/AppFrameworkInfo.plist
@@ -21,6 +21,6 @@
   <key>CFBundleVersion</key>
   <string>1.0</string>
   <key>MinimumOSVersion</key>
-  <string>8.0</string>
+  <string>9.0</string>
 </dict>
 </plist>
diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock
index 61a04129..cd23ca42 100644
--- a/example/ios/Podfile.lock
+++ b/example/ios/Podfile.lock
@@ -1,4 +1,38 @@
 PODS:
+  - DKImagePickerController/Core (4.3.3):
+    - DKImagePickerController/ImageDataManager
+    - DKImagePickerController/Resource
+  - DKImagePickerController/ImageDataManager (4.3.3)
+  - DKImagePickerController/PhotoGallery (4.3.3):
+    - DKImagePickerController/Core
+    - DKPhotoGallery
+  - DKImagePickerController/Resource (4.3.3)
+  - DKPhotoGallery (0.0.17):
+    - DKPhotoGallery/Core (= 0.0.17)
+    - DKPhotoGallery/Model (= 0.0.17)
+    - DKPhotoGallery/Preview (= 0.0.17)
+    - DKPhotoGallery/Resource (= 0.0.17)
+    - SDWebImage
+    - SwiftyGif
+  - DKPhotoGallery/Core (0.0.17):
+    - DKPhotoGallery/Model
+    - DKPhotoGallery/Preview
+    - SDWebImage
+    - SwiftyGif
+  - DKPhotoGallery/Model (0.0.17):
+    - SDWebImage
+    - SwiftyGif
+  - DKPhotoGallery/Preview (0.0.17):
+    - DKPhotoGallery/Model
+    - DKPhotoGallery/Resource
+    - SDWebImage
+    - SwiftyGif
+  - DKPhotoGallery/Resource (0.0.17):
+    - SDWebImage
+    - SwiftyGif
+  - file_picker (0.0.1):
+    - DKImagePickerController/PhotoGallery
+    - Flutter
   - Flutter (1.0.0)
   - flutter_inappwebview (0.0.1):
     - Flutter
@@ -7,27 +41,49 @@ PODS:
   - flutter_inappwebview/Core (0.0.1):
     - Flutter
     - OrderedSet (~> 5.0)
+  - flutter_keyboard_visibility (0.0.1):
+    - Flutter
   - OrderedSet (5.0.0)
+  - SDWebImage (5.12.5):
+    - SDWebImage/Core (= 5.12.5)
+  - SDWebImage/Core (5.12.5)
+  - SwiftyGif (5.4.3)
 
 DEPENDENCIES:
+  - file_picker (from `.symlinks/plugins/file_picker/ios`)
   - Flutter (from `Flutter`)
   - flutter_inappwebview (from `.symlinks/plugins/flutter_inappwebview/ios`)
+  - flutter_keyboard_visibility (from `.symlinks/plugins/flutter_keyboard_visibility/ios`)
 
 SPEC REPOS:
   trunk:
+    - DKImagePickerController
+    - DKPhotoGallery
     - OrderedSet
+    - SDWebImage
+    - SwiftyGif
 
 EXTERNAL SOURCES:
+  file_picker:
+    :path: ".symlinks/plugins/file_picker/ios"
   Flutter:
     :path: Flutter
   flutter_inappwebview:
     :path: ".symlinks/plugins/flutter_inappwebview/ios"
+  flutter_keyboard_visibility:
+    :path: ".symlinks/plugins/flutter_keyboard_visibility/ios"
 
 SPEC CHECKSUMS:
-  Flutter: 434fef37c0980e73bb6479ef766c45957d4b510c
+  DKImagePickerController: 72fd378f244cef3d27288e0aebf217a4467e4012
+  DKPhotoGallery: fdfad5125a9fdda9cc57df834d49df790dbb4179
+  file_picker: 3e6c3790de664ccf9b882732d9db5eaf6b8d4eb1
+  Flutter: 50d75fe2f02b26cc09d224853bb45737f8b3214a
   flutter_inappwebview: bfd58618f49dc62f2676de690fc6dcda1d6c3721
+  flutter_keyboard_visibility: 0339d06371254c3eb25eeb90ba8d17dca8f9c069
   OrderedSet: aaeb196f7fef5a9edf55d89760da9176ad40b93c
+  SDWebImage: 0905f1b7760fc8ac4198cae0036600d67478751e
+  SwiftyGif: 6c3eafd0ce693cad58bb63d2b2fb9bacb8552780
 
 PODFILE CHECKSUM: aafe91acc616949ddb318b77800a7f51bffa2a4c
 
-COCOAPODS: 1.10.0.beta.2
+COCOAPODS: 1.11.3
diff --git a/example/ios/Runner.xcodeproj/project.pbxproj b/example/ios/Runner.xcodeproj/project.pbxproj
index bc616886..85c7811a 100644
--- a/example/ios/Runner.xcodeproj/project.pbxproj
+++ b/example/ios/Runner.xcodeproj/project.pbxproj
@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 46;
+	objectVersion = 50;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -156,7 +156,7 @@
 		97C146E61CF9000F007C117D /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 1020;
+				LastUpgradeCheck = 1300;
 				ORGANIZATIONNAME = "";
 				TargetAttributes = {
 					97C146ED1CF9000F007C117D = {
diff --git a/example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme b/example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
index a28140cf..3db53b6e 100644
--- a/example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
+++ b/example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1020"
+   LastUpgradeVersion = "1300"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"
diff --git a/example/lib/main.dart b/example/lib/main.dart
index 9eab5b99..f99ad05b 100644
--- a/example/lib/main.dart
+++ b/example/lib/main.dart
@@ -3,6 +3,8 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:html_editor_enhanced/html_editor.dart';
 import 'package:file_picker/file_picker.dart';
+import 'package:html_editor_enhanced/utils/plugins/summernote_at_mention.dart';
+import 'package:html_editor_enhanced/utils/plugins/summernote_cleaner.dart';
 
 void main() => runApp(HtmlEditorExampleApp());
 
@@ -70,6 +72,7 @@ class _HtmlEditorExampleState extends State<HtmlEditorExample> {
               HtmlEditor(
                 controller: controller,
                 htmlEditorOptions: HtmlEditorOptions(
+                  darkMode: true,
                   hint: 'Your text here...',
                   shouldEnsureVisible: true,
                   //initialText: "<p>text content initial, if any</p>",
@@ -77,6 +80,13 @@ class _HtmlEditorExampleState extends State<HtmlEditorExample> {
                 htmlToolbarOptions: HtmlToolbarOptions(
                   toolbarPosition: ToolbarPosition.aboveEditor, //by default
                   toolbarType: ToolbarType.nativeScrollable, //by default
+                  defaultToolbarButtons: [
+                    const FontButtons(
+                      clearAll: false,
+                      subscript: false,
+                      superscript: false,
+                    ),
+                  ],
                   onButtonPressed: (ButtonType type, bool? status,
                       Function()? updateStatus) {
                     print(
@@ -164,16 +174,18 @@ class _HtmlEditorExampleState extends State<HtmlEditorExample> {
                 }),
                 plugins: [
                   SummernoteAtMention(
-                      getSuggestionsMobile: (String value) {
-                        var mentions = <String>['test1', 'test2', 'test3'];
-                        return mentions
-                            .where((element) => element.contains(value))
-                            .toList();
-                      },
-                      mentionsWeb: ['test1', 'test2', 'test3'],
-                      onSelect: (String value) {
-                        print(value);
-                      }),
+                    getSuggestionsMobile: (String value) {
+                      var mentions = <String>['test1', 'test2', 'test3'];
+                      return mentions
+                          .where((element) => element.contains(value))
+                          .toList();
+                    },
+                    mentionsWeb: ['test1', 'test2', 'test3'],
+                    onSelect: (String value) {
+                      print(value);
+                    },
+                  ),
+                  SummernoteCleaner.byDefault(),
                 ],
               ),
               Padding(
diff --git a/example/pubspec.lock b/example/pubspec.lock
index d78fdc92..bf0a5c1e 100644
--- a/example/pubspec.lock
+++ b/example/pubspec.lock
@@ -7,7 +7,7 @@ packages:
       name: async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.8.1"
+    version: "2.8.2"
   boolean_selector:
     dependency: transitive
     description:
@@ -21,7 +21,7 @@ packages:
       name: characters
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.0"
+    version: "1.2.0"
   charcode:
     dependency: transitive
     description:
@@ -96,7 +96,7 @@ packages:
       name: flutter_keyboard_visibility
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "5.1.0"
+    version: "5.3.0"
   flutter_keyboard_visibility_platform_interface:
     dependency: transitive
     description:
@@ -134,7 +134,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "2.4.0"
+    version: "2.4.0+1"
   infinite_listview:
     dependency: transitive
     description:
@@ -155,7 +155,14 @@ packages:
       name: matcher
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.12.10"
+    version: "0.12.11"
+  material_color_utilities:
+    dependency: transitive
+    description:
+      name: material_color_utilities
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.1.3"
   meta:
     dependency: transitive
     description:
@@ -244,7 +251,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.2"
+    version: "0.4.8"
   typed_data:
     dependency: transitive
     description:
@@ -258,7 +265,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.0"
+    version: "2.1.1"
   visibility_detector:
     dependency: transitive
     description:
@@ -267,5 +274,5 @@ packages:
     source: hosted
     version: "0.2.2"
 sdks:
-  dart: ">=2.12.0 <3.0.0"
+  dart: ">=2.14.0 <3.0.0"
   flutter: ">=2.2.0"
diff --git a/lib/assets/plugins/summernote-cleaner/summernote-cleaner.js b/lib/assets/plugins/summernote-cleaner/summernote-cleaner.js
new file mode 100644
index 00000000..3f72f5b4
--- /dev/null
+++ b/lib/assets/plugins/summernote-cleaner/summernote-cleaner.js
@@ -0,0 +1,222 @@
+/* https://github.com/DiemenDesign/summernote-cleaner */
+/* Version: 1.0.4 */
+(function(factory) {
+    if (typeof define === 'function' && define.amd) {
+      define(['jquery'], factory);
+    } else if (typeof module === 'object'&&module.exports) {
+      module.exports = factory(require('jquery'));
+    } else {
+      factory(window.jQuery);
+    }
+  }
+  (function ($) {
+    $.extend(true, $.summernote.lang, {
+      'en-US': {
+        cleaner: {
+          tooltip: 'Cleaner',
+          not: 'Text has been cleaned!',
+          limitText: 'Text',
+          limitHTML: 'HTML'
+        }
+      },
+      'de-DE': {
+        cleaner: {
+          tooltip: 'Reinigungskraft',
+          not: 'Inhalt wurde bereinigt!',
+          limitText: 'Text',
+          limitHTML: 'HTML'
+        }
+      },
+    });
+    $.extend( $.summernote.options, {
+      cleaner: {
+        action: 'both', // both|button|paste 'button' only cleans via toolbar button, 'paste' only clean when pasting content, both does both options.
+        icon: '<i class="note-icon"><svg xmlns="http://www.w3.org/2000/svg" id="libre-paintbrush" viewBox="0 0 14 14" width="14" height="14"><path d="m 11.821425,1 q 0.46875,0 0.82031,0.311384 0.35157,0.311384 0.35157,0.780134 0,0.421875 -0.30134,1.01116 -2.22322,4.212054 -3.11384,5.035715 -0.64956,0.609375 -1.45982,0.609375 -0.84375,0 -1.44978,-0.61942 -0.60603,-0.61942 -0.60603,-1.469866 0,-0.857143 0.61608,-1.419643 l 4.27232,-3.877232 Q 11.345985,1 11.821425,1 z m -6.08705,6.924107 q 0.26116,0.508928 0.71317,0.870536 0.45201,0.361607 1.00781,0.508928 l 0.007,0.475447 q 0.0268,1.426339 -0.86719,2.32366 Q 5.700895,13 4.261155,13 q -0.82366,0 -1.45982,-0.311384 -0.63616,-0.311384 -1.0212,-0.853795 -0.38505,-0.54241 -0.57924,-1.225446 -0.1942,-0.683036 -0.1942,-1.473214 0.0469,0.03348 0.27455,0.200893 0.22768,0.16741 0.41518,0.29799 0.1875,0.130581 0.39509,0.24442 0.20759,0.113839 0.30804,0.113839 0.27455,0 0.3683,-0.247767 0.16741,-0.441965 0.38505,-0.753349 0.21763,-0.311383 0.4654,-0.508928 0.24776,-0.197545 0.58928,-0.31808 0.34152,-0.120536 0.68974,-0.170759 0.34821,-0.05022 0.83705,-0.07031 z"/></svg></i>',
+        keepHtml: true,
+        keepTagContents: ['span'], //Remove tags and keep the contents
+        badTags: ['applet', 'col', 'colgroup', 'embed', 'noframes', 'noscript', 'script', 'style', 'title'], //Remove full tags with contents
+        badAttributes: ['bgcolor', 'border', 'height', 'cellpadding', 'cellspacing', 'lang', 'start', 'style', 'valign', 'width'], //Remove attributes from remaining tags
+        limitChars: 0, // 0|# 0 disables option
+        limitDisplay: 'both', // none|text|html|both
+        limitStop: false, // true/false
+        notTimeOut: 850, //time before status message is hidden in miliseconds
+        imagePlaceholder: 'https://via.placeholder.com/200'
+      }
+    });
+    $.extend( $.summernote.plugins, {
+      'cleaner': function (context) {
+        var self = this,
+              ui = $.summernote.ui,
+           $note = context.layoutInfo.note,
+         $editor = context.layoutInfo.editor,
+         options = context.options,
+            lang = options.langInfo;
+        if (options.cleaner.action == 'both' || options.cleaner.action == 'button') {
+          context.memo('button.cleaner', function () {
+            var button = ui.button({
+              contents: options.cleaner.icon,
+              container: options.container,
+              tooltip: lang.cleaner.tooltip,
+              placement: options.placement,
+              click: function () {
+                if ($note.summernote('createRange').toString())
+                  $note.summernote('pasteHTML', $note.summernote('createRange').toString());
+                else
+                  $note.summernote('code', cleanPaste($note.summernote('code'), options.cleaner.badTags, options.cleaner.keepTagContents, options.cleaner.badAttributes, options.cleaner.imagePlaceholder), true);
+                if ($editor.find('.note-status-output').length > 0)
+                  $editor.find('.note-status-output').html(lang.cleaner.not);
+              }
+            });
+            return button.render();
+          });
+        }
+        this.events = {
+          'summernote.init': function () {
+            if (options.cleaner.limitChars != 0 || options.cleaner.limitDisplay != 'none'){
+              var textLength = $editor.find(".note-editable").text().replace(/(<([^>]+)>)/ig, "").replace(/( )/," ");
+              var codeLength = $editor.find('.note-editable').html();
+              var lengthStatus = '';
+              if (textLength.length > options.cleaner.limitChars&&options.cleaner.limitChars > 0)
+                lengthStatus += 'note-text-danger">';
+              else
+                lengthStatus += '">';
+              if (options.cleaner.limitDisplay == 'text' || options.cleaner.limitDisplay == 'both')
+                lengthStatus += lang.cleaner.limitText + ': ' + textLength.length;
+              if (options.cleaner.limitDisplay == 'both')
+                lengthStatus += ' / ';
+              if (options.cleaner.limitDisplay == 'html' || options.cleaner.limitDisplay == 'both')
+                lengthStatus += lang.cleaner.limitHTML + ': ' + codeLength.length;
+              $editor.find('.note-status-output').html('<small class="note-pull-right ' + lengthStatus + '&nbsp;</small>');
+            }
+          },
+          'summernote.keydown': function (we, event) {
+            if (options.cleaner.limitChars != 0 || options.cleaner.limitDisplay != 'none') {
+              var textLength = $editor.find(".note-editable").text().replace(/(<([^>]+)>)/ig, "").replace(/( )/, " ");
+              var codeLength = $editor.find('.note-editable').html();
+              var lengthStatus = '';
+              if (options.cleaner.limitStop == true && textLength.length >= options.cleaner.limitChars) {
+                var key = event.keyCode;
+                allowed_keys = [8, 37, 38, 39, 40, 46];
+                if ($.inArray(key,allowed_keys) != -1){
+                  $editor.find('.cleanerLimit').removeClass('note-text-danger');
+                  return true;
+                } else {
+                  $editor.find('.cleanerLimit').addClass('note-text-danger');
+                  event.preventDefault();
+                  event.stopPropagation();
+                }
+              } else {
+                if (textLength.length > options.cleaner.limitChars && options.cleaner.limitChars > 0)
+                  lengthStatus += 'note-text-danger">';
+                else
+                  lengthStatus += '">';
+                if (options.cleaner.limitDisplay == 'text' || options.cleaner.limitDisplay == 'both')
+                  lengthStatus += lang.cleaner.limitText + ': '+textLength.length;
+                if (options.cleaner.limitDisplay == 'both')
+                  lengthStatus += ' / ';
+                if (options.cleaner.limitDisplay == 'html' || options.cleaner.limitDisplay == 'both')
+                  lengthStatus += lang.cleaner.limitHTML + ': ' + codeLength.length;
+                $editor.find('.note-status-output').html('<small class="cleanerLimit note-pull-right ' + lengthStatus + '&nbsp;</small>');
+              }
+            }
+          },
+          'summernote.paste': function(we, event) {
+            if (options.cleaner.action=='both' || options.cleaner.action == 'paste') {
+              event.preventDefault();
+              var ua = window.navigator.userAgent;
+              var msie = ua.indexOf("MSIE ");
+                  msie = msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./);
+              var ffox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+              var text; var isHtmlData = false;
+              if (msie)
+                text = window.clipboardData.getData("Text");
+              else
+              {
+                var dataType = 'text/plain';
+                /*only get the html data if its avaialble else use plain text*/
+                if (options.cleaner.keepHtml && event.originalEvent.clipboardData.types.indexOf('text/html') > -1) {
+                    dataType = 'text/html';
+                    isHtmlData = true;
+                }
+                text = event.originalEvent.clipboardData.getData(dataType);
+              }
+              if (text) {
+                if (msie || ffox) {
+                  setTimeout(function () {
+                    $note.summernote('pasteHTML', cleanPaste(text, options.cleaner.badTags, options.cleaner.keepTagContents, options.cleaner.badAttributes, options.cleaner.imagePlaceholder, isHtmlData));
+                  }, 1);
+                } else
+                  $note.summernote('pasteHTML', cleanPaste(text, options.cleaner.badTags, options.cleaner.keepTagContents, options.cleaner.badAttributes, options.cleaner.imagePlaceholder, isHtmlData));
+                if ($editor.find('.note-status-output').length > 0) {
+                  $editor.find('.note-status-output').html(lang.cleaner.not);
+                  /*now set a timeout to clear out the message */
+                  setTimeout(function(){
+                    if($editor.find('.note-status-output').html() == lang.cleaner.not){
+                      /*lets fade out the text, then clear it and show the control ready for next time */
+                      $editor.find('.note-status-output').fadeOut(function(){
+                        $(this).html("");
+                        $(this).fadeIn();
+                      });
+                    }
+                  }, options.cleaner.notTimeOut)
+                }
+              }
+            }
+          }
+        }
+        var cleanPaste = function(input, badTags, keepTagContents, badAttributes, imagePlaceholder, isHtmlData) {
+          if(isHtmlData) {
+            return cleanHtmlPaste(input, badTags, keepTagContents, badAttributes, imagePlaceholder);
+          } else {
+            return cleanTextPaste(input);
+          }
+        };
+  
+        var cleanTextPaste = function(input) {
+          var newLines = /(\r\n|\r|\n)/g;
+          var parsedInput = input.split(newLines);
+          if(parsedInput.length === 1) { return input; }
+          var output = "";
+          /*for larger blocks of text (such as multiple paragraphs) match summernote markup */
+          for (let contentIndex = 0; contentIndex < parsedInput.length; contentIndex++) {
+            const element = parsedInput[contentIndex];
+            if(!newLines.test(element)) {
+              var line = element == '' ? '<br>' : element;
+              output += '<p>' + line + '</p>'
+            }
+          }
+          return output;
+        }
+        
+        var cleanHtmlPaste = function(input, badTags, keepTagContents, badAttributes, imagePlaceholder) {
+          var stringStripper = /(\n|\r| class=(")?Mso[a-zA-Z]+(")? ^p)/g;
+          var output = input.replace(stringStripper, '');
+          var commentSripper = new RegExp('<!--(.*?)-->', 'g');
+          var output = output.replace(commentSripper, '');
+          var tagStripper = new RegExp('<(/)*(meta|link|span|\\?xml:|st1:|o:|font)(.*?)>', 'gi');
+          output = output.replace(/ src="(.*?)"/gi, ' src="' + imagePlaceholder + '"');
+          output = output.replace(/ name="(.*?)"/gi, ' data-title="$1" alt="$1"');
+          output = output.replace(tagStripper, '');
+          for (var i = 0; i < badTags.length; i++) {
+            tagStripper = new RegExp('<' + badTags[i] + '.*?' + badTags[i] + '(.*?)>', 'gi');
+            output = output.replace(tagStripper, '');
+          }
+          for (var i = 0; i < keepTagContents.length; i++) {
+            tagStripper = new RegExp('</?' + keepTagContents[i] + '.*?>', 'gi');
+            output = output.replace(tagStripper, ' ');
+          }
+          for (var i = 0; i < badAttributes.length; i++) {
+            var attributeStripper = new RegExp(badAttributes[i] + '="(.*?)"', 'gi');
+            output = output.replace(attributeStripper, '');
+          }
+          output = output.replace(/ align="(.*?)"/gi, ' class="text-$1"');
+          output = output.replace(/ class="western"/gi, '');
+          output = output.replace(/ class=""/gi, '');
+          output = output.replace(/<b>(.*?)<\/b>/gi, '<strong>$1</strong>');
+          output = output.replace(/<i>(.*?)<\/i>/gi, '<em>$1</em>');
+          output = output.replace(/\s{2,}/g, ' ').trim();
+          return output;
+        }
+      }
+    });
+  }));
\ No newline at end of file
diff --git a/lib/assets/summernote.html b/lib/assets/summernote.html
index 83c9ae56..3c78f49c 100644
--- a/lib/assets/summernote.html
+++ b/lib/assets/summernote.html
@@ -15,6 +15,10 @@
 <!--summernote at mention plugin-->
 <script src="plugins/summernote-at-mention/summernote-at-mention.js"></script>
 <!--minor styling to improve editor design-->
+
+<!--summernote at mention plugin-->
+<script src="plugins/summernote-cleaner/summernote-cleaner.js"></script>
+<!--minor styling to improve editor design-->
 <style>
   body {
       display: block;
diff --git a/lib/src/widgets/html_editor_widget_mobile.dart b/lib/src/widgets/html_editor_widget_mobile.dart
index b38055b9..e2222a28 100644
--- a/lib/src/widgets/html_editor_widget_mobile.dart
+++ b/lib/src/widgets/html_editor_widget_mobile.dart
@@ -11,6 +11,8 @@ import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart';
 import 'package:html_editor_enhanced/html_editor.dart'
     hide NavigationActionPolicy, UserScript, ContextMenu;
 import 'package:html_editor_enhanced/src/widgets/toolbar_widget.dart';
+import 'package:html_editor_enhanced/utils/plugins/summernote_at_mention.dart';
+import 'package:html_editor_enhanced/utils/plugins/summernote_cleaner.dart';
 import 'package:html_editor_enhanced/utils/utils.dart';
 import 'package:html_editor_enhanced/utils/plugins.dart';
 import 'package:visibility_detector/visibility_detector.dart';
@@ -260,19 +262,20 @@ class _HtmlEditorWidgetMobileState extends State<HtmlEditorWidget> {
                               window.flutter_inappwebview.callHandler('totalChars', totalChars);
                           },
                       ''';
+                      var summernoteCleanerOptions = '';
                       if (widget.plugins.isNotEmpty) {
                         summernoteToolbar = summernoteToolbar + "['plugins', [";
-                        for (var p in widget.plugins) {
+                        for (var plugin in widget.plugins) {
                           summernoteToolbar = summernoteToolbar +
-                              (p.getToolbarString().isNotEmpty
-                                  ? "'${p.getToolbarString()}'"
+                              (plugin.getToolbarString().isNotEmpty
+                                  ? "'${plugin.getToolbarString()}'"
                                   : '') +
-                              (p == widget.plugins.last
+                              (plugin == widget.plugins.last
                                   ? ']]\n'
-                                  : p.getToolbarString().isNotEmpty
+                                  : plugin.getToolbarString().isNotEmpty
                                       ? ', '
                                       : '');
-                          if (p is SummernoteAtMention) {
+                          if (plugin is SummernoteAtMention) {
                             summernoteCallbacks = summernoteCallbacks +
                                 """
                               \nsummernoteAtMention: {
@@ -289,20 +292,61 @@ class _HtmlEditorWidgetMobileState extends State<HtmlEditorWidget> {
                             controller.addJavaScriptHandler(
                                 handlerName: 'getSuggestions',
                                 callback: (value) {
-                                  return p.getSuggestionsMobile!
+                                  return plugin.getSuggestionsMobile!
                                       .call(value.first.toString())
                                       .toString()
                                       .replaceAll('[', '')
                                       .replaceAll(']', '');
                                 });
-                            if (p.onSelect != null) {
+                            if (plugin.onSelect != null) {
                               controller.addJavaScriptHandler(
                                   handlerName: 'onSelectMention',
                                   callback: (value) {
-                                    p.onSelect!.call(value.first.toString());
+                                    plugin.onSelect!
+                                        .call(value.first.toString());
                                   });
                             }
                           }
+
+                          if (plugin is SummernoteCleaner) {
+                            summernoteCallbacks = summernoteCallbacks +
+                                """
+                              \nsummernoteCleaner: {
+                                getSuggestions: async function(value) {
+                                  var result = await window.flutter_inappwebview.callHandler('getSuggestions', value);
+                                  var resultList = result.split(',');
+                                  return resultList;
+                                },
+                                onSelect: (value) => {
+                                  window.flutter_inappwebview.callHandler('onSelectMention', value);
+                                },
+                              },
+                            """;
+                            summernoteCleanerOptions = '''
+                              cleaner: {
+                                action: '${plugin.action}',
+                                keepTagContents: ${plugin.keepTagContents?.map((element) => '\'${element}\'').toList()},
+                                badTags: ${plugin.badTags?.map((element) => '\'${element}\'').toList()},
+                                badAttributes: ${plugin.badAttributes?.map((element) => '\'${element}\'').toList()},
+                              },
+                            ''';
+                            // controller.addJavaScriptHandler(
+                            //     handlerName: 'getSuggestions',
+                            //     callback: (value) {
+                            //       return p.getSuggestionsMobile!
+                            //           .call(value.first.toString())
+                            //           .toString()
+                            //           .replaceAll('[', '')
+                            //           .replaceAll(']', '');
+                            //     });
+                            // if (p.onSelect != null) {
+                            //   controller.addJavaScriptHandler(
+                            //       handlerName: 'onSelectMention',
+                            //       callback: (value) {
+                            //         p.onSelect!.call(value.first.toString());
+                            //       });
+                            // }
+                          }
                         }
                       }
                       if (widget.callbacks != null) {
@@ -375,6 +419,7 @@ class _HtmlEditorWidgetMobileState extends State<HtmlEditorWidget> {
                               tabsize: 2,
                               height: ${widget.otherOptions.height - (toolbarKey.currentContext?.size?.height ?? 0)},
                               toolbar: $summernoteToolbar
+                              $summernoteCleanerOptions
                               disableGrammar: false,
                               spellCheck: ${widget.htmlEditorOptions.spellCheck},
                               maximumFileSize: $maximumFileSize,
diff --git a/lib/src/widgets/html_editor_widget_web.dart b/lib/src/widgets/html_editor_widget_web.dart
index b095ddc0..bbe0ece0 100644
--- a/lib/src/widgets/html_editor_widget_web.dart
+++ b/lib/src/widgets/html_editor_widget_web.dart
@@ -6,6 +6,8 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:html_editor_enhanced/html_editor.dart';
+import 'package:html_editor_enhanced/utils/plugins/summernote_at_mention.dart';
+import 'package:html_editor_enhanced/utils/plugins/summernote_cleaner.dart';
 import 'package:html_editor_enhanced/utils/utils.dart';
 import 'package:html_editor_enhanced/src/widgets/toolbar_widget.dart';
 // ignore: avoid_web_libraries_in_flutter
@@ -123,6 +125,33 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
           });
         }
       }
+      if (p is SummernoteCleaner) {
+        summernoteCallbacks = summernoteCallbacks +
+            '''
+            \nsummernoteCleaner: {
+              getSuggestions: (value) => {
+                const mentions = ${p.getMentionsWeb()};
+                return mentions.filter((mention) => {
+                  return mention.includes(value);
+                });
+              },
+              onSelect: (value) => {
+                window.parent.postMessage(JSON.stringify({"view": "$createdViewId", "type": "toDart: onSelectMention", "value": value}), "*");
+              },
+            },
+          ''';
+        // if (p.onSelect != null) {
+        //   html.window.onMessage.listen((event) {
+        //     var data = json.decode(event.data);
+        //     if (data['type'] != null &&
+        //         data['type'].contains('toDart:') &&
+        //         data['view'] == createdViewId &&
+        //         data['type'].contains('onSelectMention')) {
+        //       p.onSelect!.call(data['value']);
+        //     }
+        //   });
+        // }
+      }
     }
     if (widget.callbacks != null) {
       if (widget.callbacks!.onImageLinkInsert != null) {
diff --git a/lib/utils/plugins.dart b/lib/utils/plugins.dart
index 7fe4b8a7..52979985 100644
--- a/lib/utils/plugins.dart
+++ b/lib/utils/plugins.dart
@@ -10,44 +10,3 @@ abstract class Plugins {
   /// Provides the toolbar option for the plugin
   String getToolbarString();
 }
-
-/// Summernote @ Mention plugin - adds a dropdown to select the person to mention whenever
-/// the '@' character is typed into the editor. The list of people to mention is
-/// drawn from the [getSuggestionsMobile] (on mobile) or [mentionsWeb] (on Web)
-/// parameter. You can detect who was mentioned using the [onSelect] callback.
-///
-/// README available [here](https://github.com/team-loxo/summernote-at-mention)
-class SummernoteAtMention extends Plugins {
-  /// Function used to get the displayed suggestions on mobile
-  final List<String> Function(String)? getSuggestionsMobile;
-
-  /// List of mentions to display on Web. The default behavior is to only return
-  /// the mentions containing the string entered by the user in the editor
-  final List<String>? mentionsWeb;
-
-  /// Callback to run code when a mention is selected
-  final void Function(String)? onSelect;
-
-  const SummernoteAtMention(
-      {this.getSuggestionsMobile, this.mentionsWeb, this.onSelect})
-      : assert(kIsWeb ? mentionsWeb != null : getSuggestionsMobile != null);
-
-  @override
-  String getHeadString() {
-    return '<script src=\"assets/packages/html_editor_enhanced/assets/plugins/summernote-at-mention/summernote-at-mention.js\"></script>';
-  }
-
-  @override
-  String getToolbarString() {
-    return '';
-  }
-
-  String getMentionsWeb() {
-    var mentionsString = '[';
-    for (var e in mentionsWeb!) {
-      mentionsString =
-          mentionsString + "'$e'" + (e != mentionsWeb!.last ? ', ' : '');
-    }
-    return mentionsString + ']';
-  }
-}
diff --git a/lib/utils/plugins/summernote_at_mention.dart b/lib/utils/plugins/summernote_at_mention.dart
new file mode 100644
index 00000000..b2ecb66a
--- /dev/null
+++ b/lib/utils/plugins/summernote_at_mention.dart
@@ -0,0 +1,43 @@
+import 'package:flutter/foundation.dart';
+import 'package:html_editor_enhanced/html_editor.dart';
+
+/// Summernote @ Mention plugin - adds a dropdown to select the person to mention whenever
+/// the '@' character is typed into the editor. The list of people to mention is
+/// drawn from the [getSuggestionsMobile] (on mobile) or [mentionsWeb] (on Web)
+/// parameter. You can detect who was mentioned using the [onSelect] callback.
+///
+/// README available [here](https://github.com/team-loxo/summernote-at-mention)
+class SummernoteAtMention extends Plugins {
+  /// Function used to get the displayed suggestions on mobile
+  final List<String> Function(String)? getSuggestionsMobile;
+
+  /// List of mentions to display on Web. The default behavior is to only return
+  /// the mentions containing the string entered by the user in the editor
+  final List<String>? mentionsWeb;
+
+  /// Callback to run code when a mention is selected
+  final void Function(String)? onSelect;
+
+  const SummernoteAtMention(
+      {this.getSuggestionsMobile, this.mentionsWeb, this.onSelect})
+      : assert(kIsWeb ? mentionsWeb != null : getSuggestionsMobile != null);
+
+  @override
+  String getHeadString() {
+    return '<script src=\"assets/packages/html_editor_enhanced/assets/plugins/summernote-at-mention/summernote-at-mention.js\"></script>';
+  }
+
+  @override
+  String getToolbarString() {
+    return '';
+  }
+
+  String getMentionsWeb() {
+    var mentionsString = '[';
+    for (var e in mentionsWeb!) {
+      mentionsString =
+          mentionsString + "'$e'" + (e != mentionsWeb!.last ? ', ' : '');
+    }
+    return mentionsString + ']';
+  }
+}
diff --git a/lib/utils/plugins/summernote_cleaner.dart b/lib/utils/plugins/summernote_cleaner.dart
new file mode 100644
index 00000000..38b732a8
--- /dev/null
+++ b/lib/utils/plugins/summernote_cleaner.dart
@@ -0,0 +1,131 @@
+import 'package:html_editor_enhanced/html_editor.dart';
+
+enum SummernoteCleanerAction {
+  both,
+  button,
+  paste,
+}
+
+enum SummernoteCleanerKeepTagContents {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  a,
+  span,
+  table,
+  tr,
+  th,
+  td,
+}
+
+enum SummernoteCleanerBadTags {
+  applet,
+  col,
+  colgroup,
+  embed,
+  noframes,
+  noscript,
+  script,
+  style,
+  title,
+  table,
+}
+
+enum SummernoteCleanerBadAttributes {
+  bgcolor,
+  border,
+  height,
+  cellpadding,
+  cellspacing,
+  lang,
+  start,
+  style,
+  valign,
+  width,
+}
+
+/// Summernote @ Mention plugin - adds a dropdown to select the person to mention whenever
+/// the '@' character is typed into the editor. The list of people to mention is
+/// drawn from the [getSuggestionsMobile] (on mobile) or [mentionsWeb] (on Web)
+/// parameter. You can detect who was mentioned using the [onSelect] callback.
+///
+/// README available [here](https://github.com/team-loxo/summernote-at-mention)
+class SummernoteCleaner extends Plugins {
+  final String? action;
+  final List<String>? keepTagContents;
+  final List<String>? badTags;
+  final List<String>? badAttributes;
+
+  const SummernoteCleaner({
+    this.action = 'both',
+    this.keepTagContents = const ['span'],
+
+    /// Remove full tags with contents,
+    this.badTags,
+
+    /// Remove attributes from tags,
+    this.badAttributes,
+  });
+
+  factory SummernoteCleaner.byDefault() {
+    return SummernoteCleaner(
+      action: SummernoteCleanerAction.paste.name,
+      keepTagContents: [
+        SummernoteCleanerKeepTagContents.span.name,
+        SummernoteCleanerKeepTagContents.table.name,
+        SummernoteCleanerKeepTagContents.h1.name,
+        SummernoteCleanerKeepTagContents.h2.name,
+        SummernoteCleanerKeepTagContents.h3.name,
+        SummernoteCleanerKeepTagContents.h4.name,
+        SummernoteCleanerKeepTagContents.h5.name,
+        SummernoteCleanerKeepTagContents.h6.name,
+        SummernoteCleanerKeepTagContents.a.name,
+      ],
+      badTags: [
+        SummernoteCleanerBadTags.applet.name,
+        SummernoteCleanerBadTags.col.name,
+        SummernoteCleanerBadTags.colgroup.name,
+        SummernoteCleanerBadTags.embed.name,
+        SummernoteCleanerBadTags.noframes.name,
+        SummernoteCleanerBadTags.noscript.name,
+        SummernoteCleanerBadTags.script.name,
+        SummernoteCleanerBadTags.style.name,
+        SummernoteCleanerBadTags.title.name,
+      ],
+      badAttributes: [
+        SummernoteCleanerBadAttributes.bgcolor.name,
+        SummernoteCleanerBadAttributes.border.name,
+        SummernoteCleanerBadAttributes.height.name,
+        SummernoteCleanerBadAttributes.cellpadding.name,
+        SummernoteCleanerBadAttributes.cellspacing.name,
+        SummernoteCleanerBadAttributes.lang.name,
+        SummernoteCleanerBadAttributes.start.name,
+        SummernoteCleanerBadAttributes.style.name,
+        SummernoteCleanerBadAttributes.valign.name,
+        SummernoteCleanerBadAttributes.width.name,
+      ],
+    );
+  }
+
+  @override
+  String getHeadString() {
+    return '<script src=\"assets/packages/html_editor_enhanced/assets/plugins/summernote-cleaner/summernote-cleaner.js\"></script>';
+  }
+
+  @override
+  String getToolbarString() {
+    return '';
+  }
+
+  String getMentionsWeb() {
+    var mentionsString = '[';
+    // for (var e in mentionsWeb!) {
+    //   mentionsString =
+    //       mentionsString + "'$e'" + (e != mentionsWeb!.last ? ', ' : '');
+    // }
+    return mentionsString + ']';
+  }
+}
diff --git a/pubspec.lock b/pubspec.lock
index 99a362d7..4006b175 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -7,7 +7,7 @@ packages:
       name: async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.8.1"
+    version: "2.8.2"
   boolean_selector:
     dependency: transitive
     description:
@@ -21,7 +21,7 @@ packages:
       name: characters
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.0"
+    version: "1.2.0"
   charcode:
     dependency: transitive
     description:
@@ -89,7 +89,7 @@ packages:
       name: flutter_keyboard_visibility
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "5.1.0"
+    version: "5.3.0"
   flutter_keyboard_visibility_platform_interface:
     dependency: transitive
     description:
@@ -141,7 +141,14 @@ packages:
       name: matcher
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.12.10"
+    version: "0.12.11"
+  material_color_utilities:
+    dependency: transitive
+    description:
+      name: material_color_utilities
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.1.3"
   meta:
     dependency: "direct main"
     description:
@@ -230,7 +237,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.2"
+    version: "0.4.8"
   typed_data:
     dependency: transitive
     description:
@@ -244,7 +251,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.0"
+    version: "2.1.1"
   visibility_detector:
     dependency: "direct main"
     description:
@@ -253,5 +260,5 @@ packages:
     source: hosted
     version: "0.2.2"
 sdks:
-  dart: ">=2.12.0 <3.0.0"
+  dart: ">=2.14.0 <3.0.0"
   flutter: ">=2.2.0"
diff --git a/pubspec.yaml b/pubspec.yaml
index cb935ccf..0e71c2c1 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -17,7 +17,7 @@ dependencies:
   visibility_detector: ^0.2.2
   # plugin to get when the keyboard is hidden via back (Android)
   # or "done" (iOS) to reset the editor's height
-  flutter_keyboard_visibility: ^5.1.0
+  flutter_keyboard_visibility: 5.3.0
   # plugin to show a color picker for foreground/highlight color
   flex_color_picker: ^2.1.2
   # plugin to get files from filesystem
@@ -54,6 +54,7 @@ flutter:
     - packages/html_editor_enhanced/assets/font/summernote.woff
     - packages/html_editor_enhanced/assets/font/summernote.woff2
     - packages/html_editor_enhanced/assets/plugins/summernote-at-mention/summernote-at-mention.js
+    - packages/html_editor_enhanced/assets/plugins/summernote-cleaner/summernote-cleaner.js
   # This section identifies this Flutter project as a plugin project.
   # The 'pluginClass' and Android 'package' identifiers should not ordinarily
   # be modified. They are used by the tooling to maintain consistency when

From af79141e32dcda3e8ac0bba106e52b82236c3ab3 Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 21 Jun 2022 02:45:52 +0700
Subject: [PATCH 02/13] organize imports

---
 example/lib/main.dart                           |  3 ---
 lib/src/html_editor_controller_mobile.dart      |  1 -
 lib/src/html_editor_controller_unsupported.dart |  1 -
 lib/src/html_editor_controller_web.dart         |  1 -
 lib/src/html_editor_mobile.dart                 |  2 --
 lib/src/html_editor_unsupported.dart            |  3 ---
 lib/src/html_editor_web.dart                    |  2 --
 lib/src/widgets/html_editor_widget_mobile.dart  | 12 +++++-------
 lib/src/widgets/html_editor_widget_web.dart     |  3 ---
 lib/utils/callbacks.dart                        |  1 -
 lib/utils/plugins.dart                          |  3 ++-
 11 files changed, 7 insertions(+), 25 deletions(-)

diff --git a/example/lib/main.dart b/example/lib/main.dart
index f99ad05b..1ec7b2f5 100644
--- a/example/lib/main.dart
+++ b/example/lib/main.dart
@@ -1,10 +1,7 @@
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:html_editor_enhanced/html_editor.dart';
 import 'package:file_picker/file_picker.dart';
-import 'package:html_editor_enhanced/utils/plugins/summernote_at_mention.dart';
-import 'package:html_editor_enhanced/utils/plugins/summernote_cleaner.dart';
 
 void main() => runApp(HtmlEditorExampleApp());
 
diff --git a/lib/src/html_editor_controller_mobile.dart b/lib/src/html_editor_controller_mobile.dart
index 88cd9a8f..7210d11c 100644
--- a/lib/src/html_editor_controller_mobile.dart
+++ b/lib/src/html_editor_controller_mobile.dart
@@ -4,7 +4,6 @@ import 'package:flutter_inappwebview/flutter_inappwebview.dart';
 import 'package:html_editor_enhanced/html_editor.dart';
 import 'package:html_editor_enhanced/src/html_editor_controller_unsupported.dart'
     as unsupported;
-import 'package:html_editor_enhanced/src/widgets/toolbar_widget.dart';
 
 /// Controller for mobile
 class HtmlEditorController extends unsupported.HtmlEditorController {
diff --git a/lib/src/html_editor_controller_unsupported.dart b/lib/src/html_editor_controller_unsupported.dart
index 66566773..618cbf1a 100644
--- a/lib/src/html_editor_controller_unsupported.dart
+++ b/lib/src/html_editor_controller_unsupported.dart
@@ -1,5 +1,4 @@
 import 'package:html_editor_enhanced/html_editor.dart';
-import 'package:html_editor_enhanced/src/widgets/toolbar_widget.dart';
 import 'package:meta/meta.dart';
 
 /// Fallback controller (should never be used)
diff --git a/lib/src/html_editor_controller_web.dart b/lib/src/html_editor_controller_web.dart
index 0153ba38..01ff3dec 100644
--- a/lib/src/html_editor_controller_web.dart
+++ b/lib/src/html_editor_controller_web.dart
@@ -6,7 +6,6 @@ import 'package:flutter/foundation.dart';
 import 'package:html_editor_enhanced/html_editor.dart';
 import 'package:html_editor_enhanced/src/html_editor_controller_unsupported.dart'
     as unsupported;
-import 'package:html_editor_enhanced/src/widgets/toolbar_widget.dart';
 import 'package:meta/meta.dart';
 
 /// Controller for web
diff --git a/lib/src/html_editor_mobile.dart b/lib/src/html_editor_mobile.dart
index 846e4eec..50faf109 100644
--- a/lib/src/html_editor_mobile.dart
+++ b/lib/src/html_editor_mobile.dart
@@ -4,8 +4,6 @@ import 'package:html_editor_enhanced/src/html_editor_controller_mobile.dart';
 import 'package:html_editor_enhanced/src/widgets/html_editor_widget_mobile.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:html_editor_enhanced/utils/callbacks.dart';
-import 'package:html_editor_enhanced/utils/plugins.dart';
 
 /// HtmlEditor class for mobile
 class HtmlEditor extends StatelessWidget {
diff --git a/lib/src/html_editor_unsupported.dart b/lib/src/html_editor_unsupported.dart
index cfba5cca..abc6239a 100644
--- a/lib/src/html_editor_unsupported.dart
+++ b/lib/src/html_editor_unsupported.dart
@@ -1,8 +1,5 @@
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:html_editor_enhanced/html_editor.dart';
-import 'package:html_editor_enhanced/src/html_editor_controller_unsupported.dart';
-import 'package:html_editor_enhanced/utils/plugins.dart';
 
 /// Fallback HtmlEditor class (should never be called)
 class HtmlEditor extends StatelessWidget {
diff --git a/lib/src/html_editor_web.dart b/lib/src/html_editor_web.dart
index 4b359189..3de5c787 100644
--- a/lib/src/html_editor_web.dart
+++ b/lib/src/html_editor_web.dart
@@ -2,8 +2,6 @@ import 'package:html_editor_enhanced/html_editor.dart';
 import 'package:html_editor_enhanced/src/widgets/html_editor_widget_web.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:html_editor_enhanced/utils/callbacks.dart';
-import 'package:html_editor_enhanced/utils/plugins.dart';
 
 /// HtmlEditor class for web
 class HtmlEditor extends StatelessWidget {
diff --git a/lib/src/widgets/html_editor_widget_mobile.dart b/lib/src/widgets/html_editor_widget_mobile.dart
index e2222a28..f5a5908e 100644
--- a/lib/src/widgets/html_editor_widget_mobile.dart
+++ b/lib/src/widgets/html_editor_widget_mobile.dart
@@ -10,11 +10,9 @@ import 'package:flutter_inappwebview/flutter_inappwebview.dart';
 import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart';
 import 'package:html_editor_enhanced/html_editor.dart'
     hide NavigationActionPolicy, UserScript, ContextMenu;
-import 'package:html_editor_enhanced/src/widgets/toolbar_widget.dart';
-import 'package:html_editor_enhanced/utils/plugins/summernote_at_mention.dart';
-import 'package:html_editor_enhanced/utils/plugins/summernote_cleaner.dart';
+
 import 'package:html_editor_enhanced/utils/utils.dart';
-import 'package:html_editor_enhanced/utils/plugins.dart';
+
 import 'package:visibility_detector/visibility_detector.dart';
 
 /// The HTML Editor widget itself, for mobile (uses InAppWebView)
@@ -325,9 +323,9 @@ class _HtmlEditorWidgetMobileState extends State<HtmlEditorWidget> {
                             summernoteCleanerOptions = '''
                               cleaner: {
                                 action: '${plugin.action}',
-                                keepTagContents: ${plugin.keepTagContents?.map((element) => '\'${element}\'').toList()},
-                                badTags: ${plugin.badTags?.map((element) => '\'${element}\'').toList()},
-                                badAttributes: ${plugin.badAttributes?.map((element) => '\'${element}\'').toList()},
+                                keepTagContents: ${plugin.keepTagContents?.map((element) => '\'$element\'').toList()},
+                                badTags: ${plugin.badTags?.map((element) => '\'$element\'').toList()},
+                                badAttributes: ${plugin.badAttributes?.map((element) => '\'$element\'').toList()},
                               },
                             ''';
                             // controller.addJavaScriptHandler(
diff --git a/lib/src/widgets/html_editor_widget_web.dart b/lib/src/widgets/html_editor_widget_web.dart
index bbe0ece0..20d5a23b 100644
--- a/lib/src/widgets/html_editor_widget_web.dart
+++ b/lib/src/widgets/html_editor_widget_web.dart
@@ -6,10 +6,7 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:html_editor_enhanced/html_editor.dart';
-import 'package:html_editor_enhanced/utils/plugins/summernote_at_mention.dart';
-import 'package:html_editor_enhanced/utils/plugins/summernote_cleaner.dart';
 import 'package:html_editor_enhanced/utils/utils.dart';
-import 'package:html_editor_enhanced/src/widgets/toolbar_widget.dart';
 // ignore: avoid_web_libraries_in_flutter
 import 'dart:html' as html;
 import 'package:html_editor_enhanced/utils/shims/dart_ui.dart' as ui;
diff --git a/lib/utils/callbacks.dart b/lib/utils/callbacks.dart
index 24a3c659..366a6a94 100644
--- a/lib/utils/callbacks.dart
+++ b/lib/utils/callbacks.dart
@@ -1,7 +1,6 @@
 import 'dart:async';
 
 import 'package:html_editor_enhanced/html_editor.dart';
-import 'package:html_editor_enhanced/utils/utils.dart';
 
 /// Manages all the callback functions the library provides
 class Callbacks {
diff --git a/lib/utils/plugins.dart b/lib/utils/plugins.dart
index 52979985..dc684c35 100644
--- a/lib/utils/plugins.dart
+++ b/lib/utils/plugins.dart
@@ -1,4 +1,5 @@
-import 'package:flutter/foundation.dart';
+export 'package:html_editor_enhanced/utils/plugins/summernote_at_mention.dart';
+export 'package:html_editor_enhanced/utils/plugins/summernote_cleaner.dart';
 
 /// Abstract class that all the plguin classes extend
 abstract class Plugins {

From 00ccc779c72ffcaf9711245c8c73b807b55c3fd6 Mon Sep 17 00:00:00 2001
From: lam-nv <42599544+lam-nv@users.noreply.github.com>
Date: Mon, 15 Aug 2022 16:12:35 +0700
Subject: [PATCH 03/13] fix white screen in editor

add background-color into badAttributes
---
 lib/utils/plugins/summernote_cleaner.dart | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/utils/plugins/summernote_cleaner.dart b/lib/utils/plugins/summernote_cleaner.dart
index 38b732a8..ee17a21d 100644
--- a/lib/utils/plugins/summernote_cleaner.dart
+++ b/lib/utils/plugins/summernote_cleaner.dart
@@ -96,6 +96,7 @@ class SummernoteCleaner extends Plugins {
         SummernoteCleanerBadTags.title.name,
       ],
       badAttributes: [
+        'background-color',
         SummernoteCleanerBadAttributes.bgcolor.name,
         SummernoteCleanerBadAttributes.border.name,
         SummernoteCleanerBadAttributes.height.name,

From 97e2fc69b0efafe378b341ea94f1488d97554274 Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Thu, 2 Feb 2023 15:50:18 +0700
Subject: [PATCH 04/13] fix: update assets path

---
 pubspec.yaml | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/pubspec.yaml b/pubspec.yaml
index 0e71c2c1..80587f1c 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -43,18 +43,18 @@ dev_dependencies:
 flutter:
 
   assets:
-    - packages/html_editor_enhanced/summernote.html
-    - packages/html_editor_enhanced/summernote-no-plugins.html
-    - packages/html_editor_enhanced/summernote-lite.min.css
-    - packages/html_editor_enhanced/summernote-lite-dark.css
-    - packages/html_editor_enhanced/summernote-lite.min.js
-    - packages/html_editor_enhanced/jquery.min.js
-    - packages/html_editor_enhanced/assets/font/summernote.eot
-    - packages/html_editor_enhanced/assets/font/summernote.ttf
-    - packages/html_editor_enhanced/assets/font/summernote.woff
-    - packages/html_editor_enhanced/assets/font/summernote.woff2
-    - packages/html_editor_enhanced/assets/plugins/summernote-at-mention/summernote-at-mention.js
-    - packages/html_editor_enhanced/assets/plugins/summernote-cleaner/summernote-cleaner.js
+    - lib/assets/summernote.html
+    - lib/assets/summernote-no-plugins.html
+    - lib/assets/summernote-lite.min.css
+    - lib/assets/summernote-lite-dark.css
+    - lib/assets/summernote-lite.min.js
+    - lib/assets/jquery.min.js
+    - lib/assets/font/summernote.eot
+    - lib/assets/font/summernote.ttf
+    - lib/assets/font/summernote.woff
+    - lib/assets/font/summernote.woff2
+    - lib/assets/plugins/summernote-at-mention/summernote-at-mention.js
+    - lib/assets/plugins/summernote-cleaner/summernote-cleaner.js
   # This section identifies this Flutter project as a plugin project.
   # The 'pluginClass' and Android 'package' identifiers should not ordinarily
   # be modified. They are used by the tooling to maintain consistency when

From 27ef93efc93a50a7427967787c31b579bfad8ea3 Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Thu, 2 Feb 2023 16:04:30 +0700
Subject: [PATCH 05/13] fix: remove unused item - background-color

---
 lib/utils/plugins/summernote_cleaner.dart | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/utils/plugins/summernote_cleaner.dart b/lib/utils/plugins/summernote_cleaner.dart
index ee17a21d..38b732a8 100644
--- a/lib/utils/plugins/summernote_cleaner.dart
+++ b/lib/utils/plugins/summernote_cleaner.dart
@@ -96,7 +96,6 @@ class SummernoteCleaner extends Plugins {
         SummernoteCleanerBadTags.title.name,
       ],
       badAttributes: [
-        'background-color',
         SummernoteCleanerBadAttributes.bgcolor.name,
         SummernoteCleanerBadAttributes.border.name,
         SummernoteCleanerBadAttributes.height.name,

From 81dd026db5519f5b0860d364cfece08a22cf7a6c Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 14 Feb 2023 13:42:09 +0700
Subject: [PATCH 06/13] sync code from master branch & format

---
 .../android/app/src/main/AndroidManifest.xml  | 24 ++++++++++++++++---
 .../widgets/html_editor_widget_mobile.dart    |  4 ++--
 lib/src/widgets/html_editor_widget_web.dart   | 18 +++++++-------
 3 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/example/android/app/src/main/AndroidManifest.xml b/example/android/app/src/main/AndroidManifest.xml
index 4d53ac3e..a3185fef 100644
--- a/example/android/app/src/main/AndroidManifest.xml
+++ b/example/android/app/src/main/AndroidManifest.xml
@@ -7,9 +7,18 @@
    <application
         android:name="${applicationName}"
         android:label="html_editor_enhanced_example"
-        android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
-        <activity
+        android:icon="@mipmap/ic_launcher"
+        android:requestLegacyExternalStorage="true">
+       <provider
+           android:name="com.pichillilorenzo.flutter_inappwebview.InAppWebViewFileProvider"
+           android:authorities="${applicationId}.flutter_inappwebview.fileprovider"
+           android:exported="false"
+           android:grantUriPermissions="true">
+           <meta-data
+               android:name="android.support.FILE_PROVIDER_PATHS"
+               android:resource="@xml/provider_paths" />
+       </provider>
+       <activity
             android:name=".MainActivity"
             android:exported="true"
             android:launchMode="singleTop"
@@ -26,6 +35,15 @@
               android:name="io.flutter.embedding.android.NormalTheme"
               android:resource="@style/NormalTheme"
               />
+            <!-- Displays an Android View that continues showing the launch screen
+                 Drawable until Flutter paints its first frame, then this splash
+                 screen fades out. A splash screen is useful to avoid any visual
+                 gap between the end of Android's launch screen and the painting of
+                 Flutter's first frame. -->
+            <meta-data
+              android:name="io.flutter.embedding.android.SplashScreenDrawable"
+              android:resource="@drawable/launch_background"
+              />
             <intent-filter>
                 <action android:name="android.intent.action.MAIN"/>
                 <category android:name="android.intent.category.LAUNCHER"/>
diff --git a/lib/src/widgets/html_editor_widget_mobile.dart b/lib/src/widgets/html_editor_widget_mobile.dart
index 328e08f9..d0a27674 100644
--- a/lib/src/widgets/html_editor_widget_mobile.dart
+++ b/lib/src/widgets/html_editor_widget_mobile.dart
@@ -6,11 +6,11 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
-
+import 'package:html_editor_enhanced/src/widgets/toolbar_widget.dart';
 import 'package:flutter_inappwebview/flutter_inappwebview.dart';
 import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart';
 import 'package:visibility_detector/visibility_detector.dart';
-
+import 'package:html_editor_enhanced/utils/plugins.dart';
 import 'package:html_editor_enhanced/utils/utils.dart';
 
 /// The HTML Editor widget itself, for mobile (uses InAppWebView)
diff --git a/lib/src/widgets/html_editor_widget_web.dart b/lib/src/widgets/html_editor_widget_web.dart
index bee53ed4..008f2aca 100644
--- a/lib/src/widgets/html_editor_widget_web.dart
+++ b/lib/src/widgets/html_editor_widget_web.dart
@@ -245,16 +245,16 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
             ${widget.htmlEditorOptions.customOptions}
             $summernoteCallbacks
           });
-          
+
           \$('#summernote-2').on('summernote.change', function(_, contents, \$editable) {
             window.parent.postMessage(JSON.stringify({"view": "$createdViewId", "type": "toDart: onChangeContent", "contents": contents}), "*");
           });
         });
-       
+
         window.parent.addEventListener('message', handleMessage, false);
         document.onselectionchange = onSelectionChange;
         console.log('done');
-      
+
         function handleMessage(e) {
           if (e && e.data && e.data.includes("toIframe:")) {
             var data = JSON.parse(e.data);
@@ -351,7 +351,7 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
                 \$('#summernote-2').summernote('lineHeight', data["changed"]);
               }
               if (data["type"].includes("changeTextDirection")) {
-                var s=document.getSelection();			
+                var s=document.getSelection();
                 if(s==''){
                     document.execCommand("insertHTML", false, "<p dir='"+data['direction']+"'></p>");
                 }else{
@@ -394,10 +394,10 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
                 var range = window.getSelection().getRangeAt(0);
                 var content = range.cloneContents();
                 var span = document.createElement('span');
-                  
+
                 span.appendChild(content);
                 var htmlContent = span.innerHTML;
-                
+
                 window.parent.postMessage(JSON.stringify({"type": "toDart: getSelectedText", "text": htmlContent}), "*");
               } else if (data["type"].includes("getSelectedText")) {
                 window.parent.postMessage(JSON.stringify({"type": "toDart: getSelectedText", "text": window.getSelection().toString()}), "*");
@@ -406,7 +406,7 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
             }
           }
         }
-        
+
         function onSelectionChange() {
           let {anchorNode, anchorOffset, focusNode, focusOffset} = document.getSelection();
           var isBold = false;
@@ -453,7 +453,7 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
             fontName = document.queryCommandValue('fontName');
           }
           var message = {
-            'view': "$createdViewId", 
+            'view': "$createdViewId",
             'type': "toDart: updateToolbar",
             'style': parent,
             'fontName': fontName,
@@ -469,7 +469,7 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
           };
           window.parent.postMessage(JSON.stringify(message), "*");
         }
-        
+
         $jsCallbacks
       </script>
     """;

From 3848d4497e887f79c4f803dd0727fb918ae8b7c7 Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 14 Feb 2023 13:42:34 +0700
Subject: [PATCH 07/13] add fvm config with flutter 3.7.3

---
 .fvm/fvm_config.json | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .fvm/fvm_config.json

diff --git a/.fvm/fvm_config.json b/.fvm/fvm_config.json
new file mode 100644
index 00000000..3b0122b1
--- /dev/null
+++ b/.fvm/fvm_config.json
@@ -0,0 +1,4 @@
+{
+  "flutterSdkVersion": "3.7.3",
+  "flavors": {}
+}
\ No newline at end of file

From bdee3f2903d0b9cf5a1f5c0c5964134ecec9a976 Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 14 Feb 2023 13:43:07 +0700
Subject: [PATCH 08/13] update gitignore - add .fvm/flutter_sdk

---
 .gitignore | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 3aaaba5e..9ebee1b1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,4 +6,5 @@
 
 build/
 .flutter-plugins
-.flutter-plugins-dependencies
\ No newline at end of file
+.flutter-plugins-dependencies
+.fvm/flutter_sdk

From 04f0a237eb460723653e8f8c6b4eca0a722cf30a Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 14 Feb 2023 13:49:22 +0700
Subject: [PATCH 09/13] format and add example for active Cleaner

---
 README.md | 127 +++++++++++++++++++++++++++++++-----------------------
 1 file changed, 73 insertions(+), 54 deletions(-)

diff --git a/README.md b/README.md
index 7dce292a..f1b62bac 100644
--- a/README.md
+++ b/README.md
@@ -44,37 +44,37 @@ Note that the API shown in this README.md file shows only a part of the document
   - [Methods Table](#methods)
 
   - [Callbacks Table](#callbacks)
-  
+
   - [Getters](#getters)
-  
+
   - [Toolbar](#toolbar)
-  
+
   - [Plugins](#plugins)
-  
+
   - [`HtmlEditorOptions` Parameters](#htmleditoroptions-parameters)
-    
+
     - [`autoAdjustHeight`](#autoadjustheight)
-  
+
     - [`adjustHeightForKeyboard`](#adjustheightforkeyboard)
-  
+
     - [`filePath`](#filepath)
-  
+
     - [`shouldEnsureVisible`](#shouldensurevisible)
-    
+
     - [`webInitialScripts`](#webinitialscripts)
-    
+
   - [`HtmlToolbarOptions` Parameters](#htmltoolbaroptions-parameters)
-  
+
     - [`customToolbarButtons` and `customToolbarButtonsInsertionIndices`](#customtoolbarbuttons-and-customtoolbarbuttonsinsertionindices)
-    
+
     - [`linkInsertInterceptor`, `mediaLinkInsertInterceptor`, `otherFileLinkInsert`, `mediaUploadInterceptor`, and `onOtherFileUpload`](#linkinsertinterceptor-medialinkinsertinterceptor-otherfilelinkinsert-mediauploadinterceptor-and-onotherfileupload)
-    
+
     - [`onButtonPressed` and `onDropdownChanged`](#onbuttonpressed-and-ondropdownchanged)
-    
+
     - [`toolbarPosition: ToolbarPosition.custom`](#custom-toolbar-position-using-toolbarpositioncustom)
-    
+
   - [`HtmlEditorController` Parameters](#htmleditorcontroller-parameters)
-  
+
     - [`processInputHtml`, `processOutputHtml`, and `processNewLineAsBr`](#processinputhtml-processoutputhtml-and-processnewlineasbr)
 
 - [Examples](#examples)
@@ -86,7 +86,7 @@ Note that the API shown in this README.md file shows only a part of the document
 - [License](#license)
 
 - [Contribution Guide](#contribution-guide)
- 
+
 ## In what ways is this package "enhanced"?
 
 1. It has official support for Flutter Web, with nearly all mobile features supported. Keyboard shortcuts like Ctrl+B for bold work as well!
@@ -117,7 +117,7 @@ Add `html_editor_enhanced: ^2.5.0` as dependency to your pubspec.yaml.
 
 Make sure to declare internet support inside `AndroidManifest.xml`: `<uses-permission android:name="android.permission.INTERNET"/>`
 
-Additional setup is required on iOS to allow the user to pick files from storage. See [here](https://github.com/miguelpruivo/flutter_file_picker/wiki/Setup#--ios) for more details. 
+Additional setup is required on iOS to allow the user to pick files from storage. See [here](https://github.com/miguelpruivo/flutter_file_picker/wiki/Setup#--ios) for more details.
 
 For images, the package uses `FileType.image`, for video `FileType.video`, for audio `FileType.audio`, and for any other file `FileType.any`. You can just complete setup for the specific buttons you plan to enable in the editor.
 
@@ -138,7 +138,7 @@ HtmlEditorController controller = HtmlEditorController();
         htmlEditorOptions: HtmlEditorOptions(
           hint: "Your text here...",
           //initalText: "text content initial, if any",
-        ),   
+        ),
         otherOptions: OtherOptions(
           height: 400,
         ),
@@ -241,29 +241,29 @@ Parameter | Type | Default | Description
 
 Parameter | Type | Default
 ------------ | ------------- | -------------
-**dropdownElevation** | `int` | `8` 
-**dropdownIcon** | `Widget` | `null` 
+**dropdownElevation** | `int` | `8`
+**dropdownIcon** | `Widget` | `null`
 **dropdownIconColor** | `Color` | `null`
 **dropdownIconSize** | `double` | `24`
 **dropdownItemHeight** | `double` | `kMinInteractiveDimension` (`48`)
-**dropdownFocusColor** | `Color` | `null` 
-**dropdownBackgroundColor** | `Color` | `null` 
+**dropdownFocusColor** | `Color` | `null`
+**dropdownBackgroundColor** | `Color` | `null`
 **dropdownMenuDirection** | `DropdownMenuDirection` | `null`
-**dropdownMenuMaxHeight** | `double` | `null` 
+**dropdownMenuMaxHeight** | `double` | `null`
 **dropdownBoxDecoration** | `BoxDecoration` | `null`
 
 #### Styling Options - applies to buttons only
 
 Parameter | Type | Default
 ------------ | ------------- | -------------
-**buttonColor** | `Color` | `null` 
-**buttonSelectedColor** | `Color` | `null` 
+**buttonColor** | `Color` | `null`
+**buttonSelectedColor** | `Color` | `null`
 **buttonFillColor** | `Color` | `null`
 **buttonFocusColor** | `Color` | `null`
 **buttonHighlightColor** | `Color` | `null`
-**buttonHoverColor** | `Color` | `null` 
-**buttonSplashColor** | `Color` | `null` 
-**buttonBorderColor** | `Color` | `null` 
+**buttonHoverColor** | `Color` | `null`
+**buttonSplashColor** | `Color` | `null`
+**buttonBorderColor** | `Color` | `null`
 **buttonSelectedBorderColor** | `Color` | `null`
 **buttonBorderRadius** | `BorderRadius` | `null`
 **buttonBorderWidth** | `double` | `null`
@@ -308,7 +308,7 @@ Method | Argument(s) | Returned Value(s) | Description
 ### Callbacks
 
 Every callback is defined as a `Function(<parameters in some cases>)`. See the [documentation](https://pub.dev/documentation/html_editor_enhanced/latest/) for more specific details on each callback.
- 
+
 Callback | Parameter(s) | Description
 ------------ | ------------- | -------------
 **onBeforeCommand** | `String` | Called before certain commands are called (like undo and redo), passes the HTML in the editor before the command is called
@@ -395,6 +395,8 @@ Shows a dropdown of available mentions when the '@' character is typed into the
 5. [Summernote File](https://github.com/mathieu-coingt/summernote-file) -
 Support picture files (jpg, png, gif, wvg, webp), audio files (mp3, ogg, oga), and video files (mp4, ogv, webm) in base64. Supported via the image/audio/video/other file buttons in the toolbar in `InsertButtons`.
 
+6. [Summernote Cleaner](https://github.com/DiemenDesign/summernote-cleaner) - Removes the unnecessary and possibly layout breaking Crud that gets added by MSWord, Open Office, and Libre Office Documents.
+
 This list is not final, more can be added. If there's a specific plugin you'd like to see support for, please file a feature request!
 
 No plugins are activated activated by default. They can be activated by modifying the toolbar items, see [above](#toolbar) for details.
@@ -425,6 +427,23 @@ Widget htmlEditor = HtmlEditor(
 );
 ```
 
+To activate Summernote Cleaner:
+
+```dart
+HtmlEditorController controller = HtmlEditorController();
+Widget htmlEditor = HtmlEditor(
+  controller: controller, //required
+  //other options
+  plugins: [
+    ...
+    SummernoteCleaner.byDefault(),
+    ...
+  ]
+);
+```
+
+
+
 ### `HtmlEditorOptions` parameters
 
 This section contains longer descriptions for select parameters in `HtmlEditorOptions`. For parameters not mentioned here, see the parameters table [above](#parameters---htmleditoroptions) for a short description. If you have further questions, please file an issue.
@@ -433,7 +452,7 @@ This section contains longer descriptions for select parameters in `HtmlEditorOp
 
 Default value: true
 
-This option parameter sets the height of the editor automatically by getting the value returned by the JS `document.body.scrollHeight` and the toolbar `GlobalKey` (`toolbarKey.currentContext?.size?.height`). 
+This option parameter sets the height of the editor automatically by getting the value returned by the JS `document.body.scrollHeight` and the toolbar `GlobalKey` (`toolbarKey.currentContext?.size?.height`).
 
 This is useful because the toolbar could have either 1 - 5 rows depending on the widget's configuration, screen size, orientation, etc. There is no reliable way to tell how large the toolbar is going to be until after `build()` is executed, and thus simply hardcoding the height of the webview can induce either empty space at the bottom or a scrollable webview. By using the JS and a `GlobalKey` on the toolbar widget, the editor can get the exact height and update the widget to reflect that.
 
@@ -445,7 +464,7 @@ If this does not help your use case feel free to disable it, but the recommended
 
 Default value: true, only considered on mobile
 
-This option parameter changes the height of the editor if the keyboard is active and it overlaps with the editor. 
+This option parameter changes the height of the editor if the keyboard is active and it overlaps with the editor.
 
 This is useful because webviews do not shift their view when the keyboard is active on Flutter at the moment. This means that if your editor spans the height of the page, if the user types a long text they might not be able to see what they are typing because it is obscured by the keyboard.
 
@@ -469,7 +488,7 @@ On Web, you should include the following:
 
 2. `<!--headString-->` inside `<body>` and below your summernote `<div>` - this allows the JS and CSS files for any enabled plugins to be loaded
 
-3. `<!--summernoteScripts-->` inside `<body>` and below your summernote `<div>` - REQUIRED - this allows Dart and JS to communicate with each other. If you don't include this, then methods/callbacks will do nothing. 
+3. `<!--summernoteScripts-->` inside `<body>` and below your summernote `<div>` - REQUIRED - this allows Dart and JS to communicate with each other. If you don't include this, then methods/callbacks will do nothing.
 
 Notes:
 
@@ -492,11 +511,11 @@ See the example HTML file [below](#example-html-for-filepath) for an actual exam
 
 Default value: false
 
-This option parameter will scroll the editor container into view whenever the webview is focused or text is typed into the editor. 
+This option parameter will scroll the editor container into view whenever the webview is focused or text is typed into the editor.
 
 You can only use this parameter if your `HtmlEditor` is inside a `Scrollview`, otherwise it does nothing.
 
-This is useful in cases where the page is a `SingleChildScrollView` or something similar with multiple widgets (eg a form). When the user is going through the different fields, it will pop the webview into view, just like a `TextField` would scroll into in view if text is being typed inside it. 
+This is useful in cases where the page is a `SingleChildScrollView` or something similar with multiple widgets (eg a form). When the user is going through the different fields, it will pop the webview into view, just like a `TextField` would scroll into in view if text is being typed inside it.
 
 See [below](#example-for-shouldensurevisible) for an example with a good way to use this.
 
@@ -554,7 +573,7 @@ Widget htmlEditor = HtmlEditor(
 
 In the above example, we have defined two buttons to be inserted at indices 2 and 5. These buttons will *not* be inserted before `FontSettingButtons` and before `ListButtons`, respectively! Each default button group may have a few different sub-groups:
 
-Button Group | Number of Subgroups 
+Button Group | Number of Subgroups
 ------------ | -------------
 `StyleButtons` | 1
 `FontSettingButtons` | 3
@@ -569,10 +588,10 @@ If some of your buttons are deactivated, the number of subgroups could be reduce
 
 So with this in mind, `Button1` will be inserted between the first two subgroups in `FontSettingButtons`, and `Button2` will be inserted between the two subgroups in `FontButtons`.
 
-When creating an `onPressed`/`onTap`/`onChanged` method for your widget, you can use `controller.execCommand` or any of the other methods on the controller to perform actions in the editor. 
+When creating an `onPressed`/`onTap`/`onChanged` method for your widget, you can use `controller.execCommand` or any of the other methods on the controller to perform actions in the editor.
 
 Notes:
- 
+
 1. using `controller.editorController.<method>` will do nothing on Web!
 
 2. If you don't provide `customToolbarButtonsInsertionIndices`, the plugin will insert your buttons at the end of the default toolbar list
@@ -660,7 +679,7 @@ Default values: true, true, false, respectively
 
 `processInputHtml` replaces any occurrences of `"` with `\\"`, `'` with `\\'`, and `\r`, `\r\n`, `\n`, and `\n\n` with empty strings. This is necessary to prevent syntax exceptions when inserting HTML into the editor as quotes and other special characters will not be escaped. If you have already sanitized and escaped all relevant characters from your HTML input, it is recommended to set this parameter `false`. You may also want to set this parameter `false` on Web, as in testing it seems these characters are handled correctly by default, but that may not be the case for your HTML.
 
-`processOutputHtml` replaces the output HTML with `""` if: 
+`processOutputHtml` replaces the output HTML with `""` if:
 
 1. It is empty
 
@@ -801,7 +820,7 @@ class _HtmlEditorExampleState extends State<HtmlEditorExample> {
       onTap: () {
         if (!kIsWeb) {
           // this is extremely important to the example, as it allows the user to tap any blank space outside the webview,
-          // and the webview will lose focus and reset to the original height as expected. 
+          // and the webview will lose focus and reset to the original height as expected.
           controller.clearFocus();
         }
       },
@@ -876,7 +895,7 @@ class _ExampleState extends State<Example> {
                   //save profile details
                }
             ),
-          ]   
+          ]
         ),
         body: SingleChildScrollView(
           child: Column(
@@ -923,7 +942,7 @@ class _ExampleState extends State<Example> {
                  icon: Icon(Icons.edit, size: 35),
                  tooltip: "Edit profile picture",
                  onPressed: () async {
-                    //open gallery and make api call to update profile picture   
+                    //open gallery and make api call to update profile picture
                  }
               ),
               //etc... just a basic form.
@@ -1079,29 +1098,29 @@ If you do find any issues, please report them in the Issues tab and I will see i
 * Clicking on the editor makes the cursor appear on the second line relative with the hint. Is there a workaround? - https://github.com/tneotia/html-editor-enhanced/issues/24
 
 * How can I give the editor box a custom background color on mobile? - https://github.com/tneotia/html-editor-enhanced/issues/27
-  
+
 * I see a file upload button in the top left of my application on Web. How can I remove it? - https://github.com/tneotia/html-editor-enhanced/issues/28
-  
+
 * I can't tap drawer items above the text editor on Web. How can I fix this? - https://github.com/tneotia/html-editor-enhanced/issues/30
-  
+
 * How can I remove the "dragbar" at the bottom of the editor? - https://github.com/tneotia/html-editor-enhanced/issues/42
-  
+
 * How can I detect if an image has been deleted from the editor? - https://github.com/tneotia/html-editor-enhanced/issues/43
-  
+
 * How can I handle editor focus? - https://github.com/tneotia/html-editor-enhanced/issues/47
-  
+
 * How can I set the default text direction for the editor content? - https://github.com/tneotia/html-editor-enhanced/issues/49
-  
+
 * How can I handle relative URLs for images in my initial text? - https://github.com/tneotia/html-editor-enhanced/issues/50
 
 * How can I give the editor box a custom background color on web? - https://github.com/tneotia/html-editor-enhanced/issues/57
-  
+
 * How can I create a toolbar dropdown for custom fonts? - https://github.com/tneotia/html-editor-enhanced/issues/59
-  
+
 * How can I translate things like dialog text? - https://github.com/tneotia/html-editor-enhanced/issues/69
-  
+
 * How can I disable copy/paste buttons from the toolbar? - https://github.com/tneotia/html-editor-enhanced/issues/71
-  
+
 * How can I extract image tag from the editor HTML? - https://github.com/tneotia/html-editor-enhanced/issues/72
 
 * How can I use LaTeX or math formulas in the editor? - https://github.com/tneotia/html-editor-enhanced/issues/74
@@ -1119,7 +1138,7 @@ If you do find any issues, please report them in the Issues tab and I will see i
 * How can I change background color of toolbar only? - https://github.com/tneotia/html-editor-enhanced/issues/94
 
 * How can I pick images from gallery directly without showing the dialog? - https://github.com/tneotia/html-editor-enhanced/issues/97
-  
+
 </details>
 
 ## License

From 128c20cba635b7381b7ff3d2b021ae60ec1801f9 Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 14 Feb 2023 13:51:28 +0700
Subject: [PATCH 10/13] rollback example to use light mode by default

---
 example/lib/main.dart | 1 -
 1 file changed, 1 deletion(-)

diff --git a/example/lib/main.dart b/example/lib/main.dart
index 1442d6c8..5d42dd5e 100644
--- a/example/lib/main.dart
+++ b/example/lib/main.dart
@@ -71,7 +71,6 @@ class _HtmlEditorExampleState extends State<HtmlEditorExample> {
               HtmlEditor(
                 controller: controller,
                 htmlEditorOptions: HtmlEditorOptions(
-                  darkMode: true,
                   hint: 'Your text here...',
                   shouldEnsureVisible: true,
                   //initialText: "<p>text content initial, if any</p>",

From 1dd67290616dcc8ca05af819a8a6cf8ff92b7fe0 Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 14 Feb 2023 14:51:48 +0700
Subject: [PATCH 11/13] update fvm, add vscode settings and fix imports

---
 .fvm/fvm_config.json                          |  2 +-
 .vscode/settings.json                         | 27 +++++++++++++++++++
 example/ios/Flutter/AppFrameworkInfo.plist    |  2 +-
 example/ios/Podfile                           |  2 +-
 example/ios/Podfile.lock                      |  6 ++---
 example/ios/Runner.xcodeproj/project.pbxproj  |  6 ++---
 example/lib/main.dart                         |  4 +--
 .../widgets/html_editor_widget_mobile.dart    | 16 +++++------
 8 files changed, 44 insertions(+), 21 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.fvm/fvm_config.json b/.fvm/fvm_config.json
index 3b0122b1..ac6715dd 100644
--- a/.fvm/fvm_config.json
+++ b/.fvm/fvm_config.json
@@ -1,4 +1,4 @@
 {
-  "flutterSdkVersion": "3.7.3",
+  "flutterSdkVersion": "3.3.10",
   "flavors": {}
 }
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..7b655b4c
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,27 @@
+{
+  "[dart]": {
+    "editor.formatOnSave": true,
+    "editor.formatOnType": true,
+    "editor.codeActionsOnSave": {
+      "source.fixAll": true,
+      "source.organizeImports": true,
+    },
+    "editor.rulers": [
+      80
+    ],
+    "editor.selectionHighlight": false,
+    "editor.suggest.snippetsPreventQuickSuggestions": false,
+    "editor.suggestSelection": "first",
+    "editor.tabCompletion": "onlySnippets",
+    "editor.wordBasedSuggestions": false
+  },
+  "dart.flutterSdkPath": ".fvm/flutter_sdk",
+  // Remove .fvm files from search
+  "search.exclude": {
+    "**/.fvm": true
+  },
+  // Remove from file watching
+  "files.watcherExclude": {
+    "**/.fvm": true
+  },
+}
diff --git a/example/ios/Flutter/AppFrameworkInfo.plist b/example/ios/Flutter/AppFrameworkInfo.plist
index 8d4492f9..9625e105 100644
--- a/example/ios/Flutter/AppFrameworkInfo.plist
+++ b/example/ios/Flutter/AppFrameworkInfo.plist
@@ -21,6 +21,6 @@
   <key>CFBundleVersion</key>
   <string>1.0</string>
   <key>MinimumOSVersion</key>
-  <string>9.0</string>
+  <string>11.0</string>
 </dict>
 </plist>
diff --git a/example/ios/Podfile b/example/ios/Podfile
index 1e8c3c90..88359b22 100644
--- a/example/ios/Podfile
+++ b/example/ios/Podfile
@@ -1,5 +1,5 @@
 # Uncomment this line to define a global platform for your project
-# platform :ios, '9.0'
+# platform :ios, '11.0'
 
 # CocoaPods analytics sends network stats synchronously affecting flutter build latency.
 ENV['COCOAPODS_DISABLE_STATS'] = 'true'
diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock
index b03e6548..1ca92ae7 100644
--- a/example/ios/Podfile.lock
+++ b/example/ios/Podfile.lock
@@ -76,14 +76,14 @@ EXTERNAL SOURCES:
 SPEC CHECKSUMS:
   DKImagePickerController: b512c28220a2b8ac7419f21c491fc8534b7601ac
   DKPhotoGallery: fdfad5125a9fdda9cc57df834d49df790dbb4179
-  file_picker: 817ab1d8cd2da9d2da412a417162deee3500fc95
-  Flutter: 50d75fe2f02b26cc09d224853bb45737f8b3214a
+  file_picker: ce3938a0df3cc1ef404671531facef740d03f920
+  Flutter: f04841e97a9d0b0a8025694d0796dd46242b2854
   flutter_inappwebview: bfd58618f49dc62f2676de690fc6dcda1d6c3721
   flutter_keyboard_visibility: 0339d06371254c3eb25eeb90ba8d17dca8f9c069
   OrderedSet: aaeb196f7fef5a9edf55d89760da9176ad40b93c
   SDWebImage: 72f86271a6f3139cc7e4a89220946489d4b9a866
   SwiftyGif: 6c3eafd0ce693cad58bb63d2b2fb9bacb8552780
 
-PODFILE CHECKSUM: aafe91acc616949ddb318b77800a7f51bffa2a4c
+PODFILE CHECKSUM: ef19549a9bc3046e7bb7d2fab4d021637c0c58a3
 
 COCOAPODS: 1.11.3
diff --git a/example/ios/Runner.xcodeproj/project.pbxproj b/example/ios/Runner.xcodeproj/project.pbxproj
index 85c7811a..f7790095 100644
--- a/example/ios/Runner.xcodeproj/project.pbxproj
+++ b/example/ios/Runner.xcodeproj/project.pbxproj
@@ -340,7 +340,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
@@ -414,7 +414,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -463,7 +463,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
diff --git a/example/lib/main.dart b/example/lib/main.dart
index 5d42dd5e..a4c8d017 100644
--- a/example/lib/main.dart
+++ b/example/lib/main.dart
@@ -1,8 +1,6 @@
+import 'package:file_picker/file_picker.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-
-import 'package:file_picker/file_picker.dart';
-
 import 'package:html_editor_enhanced/html_editor.dart';
 
 void main() => runApp(HtmlEditorExampleApp());
diff --git a/lib/src/widgets/html_editor_widget_mobile.dart b/lib/src/widgets/html_editor_widget_mobile.dart
index d0a27674..4ee3c138 100644
--- a/lib/src/widgets/html_editor_widget_mobile.dart
+++ b/lib/src/widgets/html_editor_widget_mobile.dart
@@ -6,12 +6,12 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
-import 'package:html_editor_enhanced/src/widgets/toolbar_widget.dart';
 import 'package:flutter_inappwebview/flutter_inappwebview.dart';
 import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart';
-import 'package:visibility_detector/visibility_detector.dart';
-import 'package:html_editor_enhanced/utils/plugins.dart';
+import 'package:html_editor_enhanced/html_editor.dart'
+    hide NavigationActionPolicy, UserScript, ContextMenu;
 import 'package:html_editor_enhanced/utils/utils.dart';
+import 'package:visibility_detector/visibility_detector.dart';
 
 /// The HTML Editor widget itself, for mobile (uses InAppWebView)
 class HtmlEditorWidget extends StatefulWidget {
@@ -180,9 +180,8 @@ class _HtmlEditorWidgetMobileState extends State<HtmlEditorWidget> {
                     print(message.message);
                   },
                   onWindowFocus: (controller) async {
-                    if (widget.htmlEditorOptions.shouldEnsureVisible &&
-                        Scrollable.of(context) != null) {
-                      await Scrollable.of(context)!.position.ensureVisible(
+                    if (widget.htmlEditorOptions.shouldEnsureVisible) {
+                      await Scrollable.of(context).position.ensureVisible(
                             context.findRenderObject()!,
                           );
                     }
@@ -569,9 +568,8 @@ class _HtmlEditorWidgetMobileState extends State<HtmlEditorWidget> {
                       controller.addJavaScriptHandler(
                           handlerName: 'onChangeContent',
                           callback: (contents) {
-                            if (widget.htmlEditorOptions.shouldEnsureVisible &&
-                                Scrollable.of(context) != null) {
-                              Scrollable.of(context)!.position.ensureVisible(
+                            if (widget.htmlEditorOptions.shouldEnsureVisible) {
+                              Scrollable.of(context).position.ensureVisible(
                                     context.findRenderObject()!,
                                   );
                             }

From 610c5815b121a3167f17efe0f7f0585a224ffb84 Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 14 Feb 2023 14:59:01 +0700
Subject: [PATCH 12/13] vscode - disabled fixAll for optional

---
 .vscode/settings.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 7b655b4c..c5cbe416 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,7 +3,7 @@
     "editor.formatOnSave": true,
     "editor.formatOnType": true,
     "editor.codeActionsOnSave": {
-      "source.fixAll": true,
+      // "source.fixAll": true,
       "source.organizeImports": true,
     },
     "editor.rulers": [

From d7f8f738729a31ce69d72e9e07b65b491492d370 Mon Sep 17 00:00:00 2001
From: nguyenlamzx <nguyenlamzx@outlook.com>
Date: Tue, 14 Feb 2023 15:16:33 +0700
Subject: [PATCH 13/13] fix errors

---
 example/android/app/build.gradle                 | 1 +
 example/android/app/src/main/AndroidManifest.xml | 1 -
 example/pubspec.lock                             | 2 +-
 example/pubspec.yaml                             | 2 ++
 lib/src/widgets/html_editor_widget_mobile.dart   | 4 ++--
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/example/android/app/build.gradle b/example/android/app/build.gradle
index 1eb3074f..6f2cae42 100644
--- a/example/android/app/build.gradle
+++ b/example/android/app/build.gradle
@@ -39,6 +39,7 @@ android {
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
         applicationId "com.tanayneotia.html_editor_enhanced_example"
+        resValue "string", "app_name", "Html Editor"
         minSdkVersion 21
         targetSdkVersion 33
         versionCode flutterVersionCode.toInteger()
diff --git a/example/android/app/src/main/AndroidManifest.xml b/example/android/app/src/main/AndroidManifest.xml
index a3185fef..42e226ec 100644
--- a/example/android/app/src/main/AndroidManifest.xml
+++ b/example/android/app/src/main/AndroidManifest.xml
@@ -20,7 +20,6 @@
        </provider>
        <activity
             android:name=".MainActivity"
-            android:exported="true"
             android:launchMode="singleTop"
             android:theme="@style/LaunchTheme"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
diff --git a/example/pubspec.lock b/example/pubspec.lock
index b98a159b..1f06aac9 100644
--- a/example/pubspec.lock
+++ b/example/pubspec.lock
@@ -225,7 +225,7 @@ packages:
       name: pointer_interceptor
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.9.3+3"
+    version: "0.9.3+4"
   sky_engine:
     dependency: transitive
     description: flutter
diff --git a/example/pubspec.yaml b/example/pubspec.yaml
index 5e1c4814..223d3b65 100644
--- a/example/pubspec.yaml
+++ b/example/pubspec.yaml
@@ -1,6 +1,8 @@
 name: html_editor_enhanced_example
 description: Demonstrates how to use the html_editor_enhanced plugin.
 
+version: 2.5.1
+
 # The following line prevents the package from being accidentally published to
 # pub.dev using `pub publish`. This is preferred for private packages.
 publish_to: 'none' # Remove this line if you wish to publish to pub.dev
diff --git a/lib/src/widgets/html_editor_widget_mobile.dart b/lib/src/widgets/html_editor_widget_mobile.dart
index 4ee3c138..42de2278 100644
--- a/lib/src/widgets/html_editor_widget_mobile.dart
+++ b/lib/src/widgets/html_editor_widget_mobile.dart
@@ -181,7 +181,7 @@ class _HtmlEditorWidgetMobileState extends State<HtmlEditorWidget> {
                   },
                   onWindowFocus: (controller) async {
                     if (widget.htmlEditorOptions.shouldEnsureVisible) {
-                      await Scrollable.of(context).position.ensureVisible(
+                      await Scrollable.of(context)!.position.ensureVisible(
                             context.findRenderObject()!,
                           );
                     }
@@ -569,7 +569,7 @@ class _HtmlEditorWidgetMobileState extends State<HtmlEditorWidget> {
                           handlerName: 'onChangeContent',
                           callback: (contents) {
                             if (widget.htmlEditorOptions.shouldEnsureVisible) {
-                              Scrollable.of(context).position.ensureVisible(
+                              Scrollable.of(context)!.position.ensureVisible(
                                     context.findRenderObject()!,
                                   );
                             }