removed autofocus in order to support web

Author: OmkarDabade

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.2.9+1
+* Temparory fix for buttons not working in web
+* Shift to Parsed Markdown Body and Text Field will not work
+
 ## 0.2.9
 * added non-scrolling markdown parser
 * improved logic for min, max lines in markdownfield

README.md

@@ -3,18 +3,9 @@
 This is a fork of [simple_markdown_editor by zahnia88](https://github.com/zahniar88/simple_markdown_editor)
 with contributions from [fossfreaks](https://github.com/fossfreaks)
 
-<!-- [![GitHub stars](https://img.shields.io/github/stars/zahniar88/simple_markdown_editor?color=green)](https://github.com/fossfreaks/simple_markdown_editor)
-[![undo](https://img.shields.io/pub/v/simple_markdown_editor_plus.svg?color=teal)](https://pub.dev/packages/simple_markdown_editor_plus)
-![GitHub](https://img.shields.io/github/license/fossfreaks/simple_markdown_editor?color=red) -->
-
-
 Simple markdown editor library For flutter. 
 For demo video, you can see it at this url [Demo](https://youtu.be/aYBeXXDoNPo)
 
-## What's new (14/04/2022)
-
-* Allow use of custom background color for tool bar.
-
 
 ## Features
 - ✅ Convert to Bold, Italic, Strikethrough
@@ -53,10 +44,9 @@ FocusNode _focusNode = FocusNode();
 Show widget for editor
 
 ```dart
-// editable text with toolbar
+// editable text with toolbar by default
 MarkdownFormField(
     controller: _controller,
-    enableToolBar: true,
     emojiConvert: true,
     autoCloseAfterSelectEmoji: false,
 )
@@ -65,6 +55,7 @@ MarkdownFormField(
 MarkdownField(
     controller: _controller,
     emojiConvert: true,
+    enableToolBar: false,
 )
 ```
 
@@ -92,7 +83,7 @@ MarkdownParse(
 )
 ```
 
-Make sure to enable toolbar `enableToolBar: true`, in order to set the colors
+In order to set the colors
 
 ```dart
 MarkdownFormField(

example/lib/main.dart

@@ -44,7 +44,6 @@ class _HomeScreenState extends State<HomeScreen> {
         children: [
           MarkdownFormField(
             controller: _controller,
-            enableToolBar: true,
             emojiConvert: true,
             autoCloseAfterSelectEmoji: false,
             // maxLines: 10,

example/pubspec.lock

@@ -115,7 +115,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "0.2.9"
+    version: "0.2.9+1"
   matcher:
     dependency: transitive
     description:

lib/widgets/markdown_field.dart

@@ -17,7 +17,8 @@ class MarkdownField extends StatelessWidget {
     this.maxLines,
     this.minLines,
     this.expands = false,
-    this.decoration = const InputDecoration(hintText: 'Type here...'),
+    this.decoration =
+        const InputDecoration(hintText: 'Type here...', isDense: true),
     this.padding = const EdgeInsets.all(8),
   }) : super(key: key);
 

lib/widgets/markdown_form_field.dart

@@ -12,7 +12,7 @@ class MarkdownFormField extends StatefulWidget {
     this.style,
     this.emojiConvert = false,
     this.onTap,
-    this.enableToolBar = false,
+    this.enableToolBar = true,
     this.autoCloseAfterSelectEmoji = true,
     this.textCapitalization = TextCapitalization.sentences,
     this.readOnly = false,
@@ -23,7 +23,8 @@ class MarkdownFormField extends StatefulWidget {
     this.maxLines,
     this.minLines,
     this.expands = false,
-    this.decoration = const InputDecoration(hintText: 'Type here...'),
+    this.decoration =
+        const InputDecoration(hintText: 'Type here...', isDense: true),
     this.padding = const EdgeInsets.all(8),
   }) : super(key: key);
 
@@ -162,20 +163,21 @@ class _MarkdownFormFieldState extends State<MarkdownFormField> {
     _internalController = widget.controller ?? TextEditingController();
     _internalFocus = widget.focusNode ?? FocusNode();
 
-    _internalFocus.addListener(_requestFocused);
+    // _internalFocus.addListener(_requestFocused);
 
     super.initState();
   }
 
-  void _requestFocused() {
-    if (_internalFocus.hasFocus) {
-      _focused = true;
-    } else {
-      _focused = false;
-    }
+  // void _requestFocused() {
+  //   if (_internalFocus.hasFocus) {
+  //     _focused = true;
+  //   } else {
+  //     _focused = false;
+  //   }
+  //   // print('Focus Changed.. $_focused');
 
-    setState(() {});
-  }
+  //   setState(() {});
+  // }
 
   @override
   Widget build(BuildContext context) {
@@ -187,11 +189,14 @@ class _MarkdownFormFieldState extends State<MarkdownFormField> {
               _internalFocus.requestFocus();
               setState(() {});
             },
-            child: MarkdownParseBody(
-              key: const ValueKey<String>("zmarkdown-parse-body"),
-              data: _internalController.text == ""
-                  ? "Type here. . ."
-                  : _internalController.text,
+            child: Align(
+              alignment: Alignment.centerLeft,
+              child: MarkdownParseBody(
+                key: const ValueKey<String>("zmarkdown-parse-body"),
+                data: _internalController.text == ""
+                    ? "Type here. . ."
+                    : _internalController.text,
+              ),
             ),
           );
   }
@@ -201,6 +206,7 @@ class _MarkdownFormFieldState extends State<MarkdownFormField> {
         ? _editor()
         : Column(
             mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
             children: [
               _editor(),
 
@@ -213,10 +219,12 @@ class _MarkdownFormFieldState extends State<MarkdownFormField> {
                         autoCloseAfterSelectEmoji:
                             widget.autoCloseAfterSelectEmoji,
                         isEditorFocused: (bool status) {
+                          // print('isEditorFocused...');
                           _focused = status;
                           setState(() {});
                         },
                         onPreviewChanged: () {
+                          // print('onPreviewChanged');
                           _focused = _focused ? false : true;
                           FocusScope.of(context).unfocus();
                           setState(() {});
@@ -232,10 +240,12 @@ class _MarkdownFormFieldState extends State<MarkdownFormField> {
                         autoCloseAfterSelectEmoji:
                             widget.autoCloseAfterSelectEmoji,
                         isEditorFocused: (bool status) {
+                          // print('isEditorFocused...');
                           _focused = status;
                           setState(() {});
                         },
                         onPreviewChanged: () {
+                          // print('onPreviewChanged');
                           _focused = _focused ? false : true;
                           FocusScope.of(context).unfocus();
                           setState(() {});

lib/widgets/markdown_toolbar.dart

@@ -6,6 +6,16 @@ import 'modal_input_url.dart';
 import 'toolbar_item.dart';
 
 class MarkdownToolbar extends StatelessWidget {
+  final VoidCallback onPreviewChanged;
+  final TextEditingController controller;
+  final FocusNode focusNode;
+  final bool emojiConvert;
+  final bool autoCloseAfterSelectEmoji;
+  final Toolbar toolbar;
+  final ValueChanged<bool> isEditorFocused;
+  final Color? toolbarBackground;
+  final Color? expandableBackground;
+
   MarkdownToolbar({
     Key? key,
     required this.onPreviewChanged,
@@ -23,16 +33,6 @@ class MarkdownToolbar extends StatelessWidget {
         ),
         super(key: key);
 
-  final VoidCallback onPreviewChanged;
-  final TextEditingController controller;
-  final FocusNode focusNode;
-  final bool emojiConvert;
-  final bool autoCloseAfterSelectEmoji;
-  final Toolbar toolbar;
-  final ValueChanged<bool> isEditorFocused;
-  final Color? toolbarBackground;
-  final Color? expandableBackground;
-
   @override
   Widget build(BuildContext context) {
     return Container(

lib/widgets/toolbar_item.dart

@@ -17,7 +17,7 @@ class ToolbarItem extends StatelessWidget {
   final VoidCallback? onPressedButton;
   final String? tooltip;
   final bool isExpandable;
-  final List? items;
+  final List<Widget>? items;
   final Color? expandableBackground;
 
   @override

pubspec.yaml

@@ -1,9 +1,8 @@
 name: markdown_editor_plus
-description:
-  A TextFormField Widget that allow you to convert easily what's in the
-  FormField to Markdown with custom toolbar support.
+description: A TextField Widget that allow you to convert easily what's in the
+  TextField to Markdown with custom toolbar support.
 
-version: 0.2.9
+version: 0.2.9+1
 homepage: https://github.com/OmkarDabade/markdown_editor_plus
 repository: https://github.com/OmkarDabade/markdown_editor_plus