Support update body direction on web

linagora · Jun 15, 2023 · 11343c5 · 11343c5
1 parent e056608
commit 11343c5
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 0 deletions.
diff --git a/lib/src/html_editor_controller_unsupported.dart b/lib/src/html_editor_controller_unsupported.dart
@@ -183,4 +183,7 @@ class HtmlEditorController {
 
   /// Remove signature from compose email
   void removeSignature() {}
+
+  /// Update body direction on web
+  void updateBodyDirection(String direction) {}
 }
diff --git a/lib/src/html_editor_controller_web.dart b/lib/src/html_editor_controller_web.dart
@@ -357,4 +357,9 @@ class HtmlEditorController extends unsupported.HtmlEditorController {
   void removeSignature() {
     _evaluateJavascriptWeb(data: {'type': 'toIframe: removeSignature'});
   }
+
+  @override
+  void updateBodyDirection(String direction) {
+    _evaluateJavascriptWeb(data: {'type': 'toIframe: updateBodyDirection', 'direction': direction});
+  }
 }
diff --git a/lib/src/widgets/html_editor_widget_web.dart b/lib/src/widgets/html_editor_widget_web.dart
@@ -412,6 +412,13 @@ class _HtmlEditorWidgetWebState extends State<HtmlEditorWidget> {
                 const contentsEditor = document.getElementsByClassName('note-editable')[0].innerHTML;
                 window.parent.postMessage(JSON.stringify({"view": "$createdViewId", "type": "toDart: onChangeContent", "contents": contentsEditor}), "*");
               }
+              
+              if (data["type"].includes("updateBodyDirection")) {
+                ${JavascriptUtils.jsHandleUpdateBodyDirection}
+
+                const contentsEditor = document.getElementsByClassName('note-editable')[0].innerHTML;
+                window.parent.postMessage(JSON.stringify({"view": "$createdViewId", "type": "toDart: onChangeContent", "contents": contentsEditor}), "*");
+              }
               $userScripts
             }
           }

diff --git a/lib/utils/javascript_utils.dart b/lib/utils/javascript_utils.dart
@@ -31,4 +31,11 @@ class JavascriptUtils {
       nodeSignature[0].remove();
     }
   ''';
+
+  static const String jsHandleUpdateBodyDirection = '''
+    const nodeEditor = document.getElementsByClassName('note-editable')[0];
+    const currentDirection = data['direction'];
+    console.log('currentDirection: ' + currentDirection);
+    nodeEditor.style.direction = currentDirection.toString();
+  ''';
 }