TF-2116 Create MobileEditor view

(cherry picked from commit c78992dbeb0c7261821fbc607308af2bb4dcc779)
2023-09-07 09:46:14 +07:00
parent 6bd922dcad
commit f7772e0ba7
2 changed files with 154 additions and 0 deletions
@@ -0,0 +1,32 @@
+
+import 'package:core/presentation/utils/html_transformer/html_utils.dart';
+import 'package:flutter/material.dart';
+import 'package:rich_text_composer/rich_text_composer.dart';
+
+typedef OnCreatedEditorAction = Function(BuildContext context, HtmlEditorApi editorApi, String content);
+
+class MobileEditorWidget extends StatelessWidget {
+
+  final String content;
+  final TextDirection direction;
+  final OnCreatedEditorAction onCreatedEditorAction;
+
+  const MobileEditorWidget({
+    super.key,
+    required this.content,
+    required this.direction,
+    required this.onCreatedEditorAction,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return HtmlEditor(
+      key: const Key('mobile_editor'),
+      minHeight: 550,
+      addDefaultSelectionMenuItems: false,
+      initialContent: content,
+      customStyleCss: HtmlUtils.customCssStyleHtmlEditor(direction: direction),
+      onCreated: (editorApi) => onCreatedEditorAction.call(context, editorApi, content)
+    );
+  }
+}