Support font and size attributes

CHANGELOG.md

@@ -48,4 +48,7 @@
 * Fix getExtentEndpointForSelection.
 
 ## [0.1.7]
-* Support checked/unchecked list.
+* Support checked/unchecked list.
+
+## [0.1.8]
+* Support font and size attributes.

app/assets/sample_data.json

@@ -418,5 +418,62 @@
          "list": "unchecked"
       },
       "insert": "\n"
+   },
+   {
+      "insert": "Font "
+   },
+   {
+      "attributes": {
+         "font": "sans-serif"
+      },
+      "insert": "Sans Serif"
+   },
+   {
+      "insert": " "
+   },
+   {
+      "attributes": {
+         "font": "serif"
+      },
+      "insert": "Serif"
+   },
+   {
+      "insert": " "
+   },
+   {
+      "attributes": {
+         "font": "monospace"
+      },
+      "insert": "Monospace"
+   },
+   {
+      "insert": " Size "
+   },
+   {
+      "attributes": {
+         "size": "small"
+      },
+      "insert": "Small"
+   },
+   {
+      "insert": " "
+   },
+   {
+      "attributes": {
+         "size": "large"
+      },
+      "insert": "Large"
+   },
+   {
+      "insert": " "
+   },
+   {
+      "attributes": {
+         "size": "huge"
+      },
+      "insert": "Huge"
+   },
+   {
+      "insert": "\n"
    }
 ]

lib/widgets/default_styles.dart

@@ -50,6 +50,9 @@ class DefaultStyles {
   final TextStyle italic;
   final TextStyle underline;
   final TextStyle strikeThrough;
+  final TextStyle sizeSmall; // 'small'
+  final TextStyle sizeLarge; // 'large'
+  final TextStyle sizeHuge; // 'huge'
   final TextStyle link;
   final DefaultTextBlockStyle lists;
   final DefaultTextBlockStyle quote;
@@ -71,7 +74,10 @@ class DefaultStyles {
       this.quote,
       this.code,
       this.indent,
-      this.align);
+      this.align,
+      this.sizeSmall,
+      this.sizeLarge,
+      this.sizeHuge);
 
   static DefaultStyles getInstance(BuildContext context) {
     ThemeData themeData = Theme.of(context);
@@ -162,7 +168,10 @@ class DefaultStyles {
             )),
         DefaultTextBlockStyle(baseStyle, baseSpacing, Tuple2(0.0, 6.0), null),
         DefaultTextBlockStyle(
-            baseStyle, Tuple2(0.0, 0.0), Tuple2(0.0, 0.0), null));
+            baseStyle, Tuple2(0.0, 0.0), Tuple2(0.0, 0.0), null),
+        TextStyle(fontSize: 10.0),
+        TextStyle(fontSize: 18.0),
+        TextStyle(fontSize: 22.0));
   }
 
   DefaultStyles merge(DefaultStyles other) {
@@ -180,6 +189,9 @@ class DefaultStyles {
         other.quote ?? this.quote,
         other.code ?? this.code,
         other.indent ?? this.indent,
-        other.align ?? this.align);
+        other.align ?? this.align,
+        other.sizeSmall ?? this.sizeSmall,
+        other.sizeLarge ?? this.sizeLarge,
+        other.sizeHuge ?? this.sizeHuge);
   }
 }

lib/widgets/text_line.dart

@@ -248,6 +248,28 @@ class TextLine extends StatelessWidget {
       }
     });
 
+    Attribute font = textNode.style.attributes[Attribute.font.key];
+    if (font != null && font.value != null) {
+      res = res.merge(TextStyle(fontFamily: font.value));
+    }
+
+    Attribute size = textNode.style.attributes[Attribute.size.key];
+    if (size != null && size.value != null) {
+      switch (size.value) {
+        case 'small':
+          res = res.merge(defaultStyles.sizeSmall);
+          break;
+        case 'large':
+          res = res.merge(defaultStyles.sizeLarge);
+          break;
+        case 'huge':
+          res = res.merge(defaultStyles.sizeHuge);
+          break;
+        default:
+          throw "Invalid size ${size.value}";
+      }
+    }
+
     Attribute color = textNode.style.attributes[Attribute.color.key];
     if (color != null && color.value != null) {
       final textColor = _hexStringToColor(color.value);

pubspec.yaml

@@ -1,6 +1,6 @@
 name: flutter_quill
 description: One client and affiliated collaborator of Flutter Quill is Bullet Journal App.
-version: 0.1.7
+version: 0.1.8
 #author: bulletjournal
 homepage: https://bulletjournal.us/home/index.html
 repository: https://github.com/singerdmx/flutter-quill.git