Added keyboard shortcut with ctrl+b

README.md

@@ -1,3 +1,4 @@
+
 <a href="https://bulletjournal.us/home/index.html"><img src=  
 "https://user-images.githubusercontent.com/122956/72955931-ccc07900-3d52-11ea-89b1-d468a6e2aa2b.png"  
  width="150px" height="150px"></a>  
@@ -8,7 +9,14 @@ Rich text editor and a [Quill] component for [Flutter].
   
 https://pub.dev/packages/flutter_quill  
   
-This library is a WYSIWYG editor built for the modern mobile platform only and web is not supported.
+This library is a WYSIWYG editor built for the modern mobile platform only and web is under development.  
+  
+To run the app on web do the following:
+1) Change flutter channel to master using `flutter channel master`, followed by `flutter upgrade`.
+2) Enable web using `flutter config --enable-web` and restart the IDE.
+3) Upon successful execution of step 1 and 2 you should see `Chrome` as one of the devices which you run `flutter devices`.
+4) Run the app.
+
 For web development, [ReactQuill] is recommended to use for compatibility.  
   
 ---  

app/lib/pages/home_page.dart

@@ -4,6 +4,7 @@ import 'dart:io';
 
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:flutter_quill/models/documents/attribute.dart';
 import 'package:flutter_quill/models/documents/document.dart';
 import 'package:flutter_quill/widgets/controller.dart';
 import 'package:flutter_quill/widgets/default_styles.dart';
@@ -65,7 +66,25 @@ class _HomePageState extends State<HomePage> {
         color: Colors.grey.shade800,
         child: _buildMenuBar(context),
       ),
-      body: _buildWelcomeEditor(context),
+      body: RawKeyboardListener(
+        focusNode: FocusNode(),
+        onKey: (RawKeyEvent event) {
+          if (event.data.isControlPressed && event.character == 'b') {
+            if (_controller
+                .getSelectionStyle()
+                .attributes
+                .keys
+                .contains("bold")) {
+              _controller
+                  .formatSelection(Attribute.clone(Attribute.bold, null));
+            } else {
+              _controller.formatSelection(Attribute.bold);
+              print("not bold");
+            }
+          }
+        },
+        child: _buildWelcomeEditor(context),
+      ),
     );
   }
 

lib/widgets/editor.dart

@@ -76,12 +76,15 @@ abstract class RenderAbstractEditor {
 Widget _defaultEmbedBuilder(BuildContext context, leaf.Embed node) {
   switch (node.value.type) {
     case 'image':
-      final style = QuillStyles.getStyles(context, true);
+      if (kIsWeb) {
-      return Divider(
+        return SizedBox.shrink();
-        height: style.paragraph.style.fontSize * style.paragraph.style.height,
+      } else {
-        thickness: 2,
+        String imageUrl = node.value.data;
-        color: Colors.grey.shade200,
+        return imageUrl.startsWith('http')
-      );
+            ? Image.network(imageUrl)
+            : Image.asset(imageUrl);
+      }
+      break;
 
     default:
       throw UnimplementedError(

lib/widgets/toolbar.dart

@@ -1,5 +1,6 @@
 import 'dart:io';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_colorpicker/flutter_colorpicker.dart';
 import 'package:flutter_quill/models/documents/attribute.dart';
@@ -446,13 +447,15 @@ Widget _selectHeadingStyleButtonBuilder(
     height: iconSize * 1.77,
     fillColor: Theme.of(context).canvasColor,
     child: Text(
-      _valueToText[value.key == "header"
+      !kIsWeb
-          ? Attribute.header
+          ? _valueToText[value]
-          : (value.key == "h1")
+          : _valueToText[value.key == "header"
-              ? Attribute.h1
+              ? Attribute.header
-              : (value.key == "h2")
+              : (value.key == "h1")
-                  ? Attribute.h2
+                  ? Attribute.h1
-                  : Attribute.h3],
+                  : (value.key == "h2")
+                      ? Attribute.h2
+                      : Attribute.h3],
       style: TextStyle(fontSize: 13, fontWeight: FontWeight.w600),
     ),
     initialValue: value,