add onSave callback

packages/zefyr/example/lib/src/full_page.dart

@@ -33,11 +33,11 @@ class FullPageEditorScreen extends StatefulWidget {
 
 Delta getDelta() {
   final doc =
-    r'[{"insert":"Zefyr", "attributes": {"color": "#595959"}},{"insert":"\n","attributes":{"heading":1}},{"insert":"Soft and gentle rich text editing for Flutter applications.","attributes":{"i":true}},{"insert":"\n"},{"insert":"​","attributes":{"embed":{"type":"image","source":"asset://images/breeze.jpg"}}},{"insert":"\n"},{"insert":"Photo by Hiroyuki Takeda.","attributes":{"i":true}},{"insert":"\nZefyr is currently in "},{"insert":"early preview","attributes":{"b":true}},{"insert":". If you have a feature request or found a bug, please file it at the "},{"insert":"issue tracker","attributes":{"a":"https://github.com/memspace/zefyr/issues"}},{"insert":'
-    r'".\nDocumentation"},{"insert":"\n","attributes":{"heading":3}},{"insert":"Quick Start","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/quick_start.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"Data Format and Document Model","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/data_and_document.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"Style Attributes","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/attr'
-    r'ibutes.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"Heuristic Rules","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/heuristics.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"FAQ","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/faq.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"Clean and modern look"},{"insert":"\n","attributes":{"heading":2}},{"insert":"Zefyr’s rich text editor is built with simplicity and fle'
-    r'xibility in mind. It provides clean interface for distraction-free editing. Think Medium.com-like experience.\nMarkdown inspired semantics"},{"insert":"\n","attributes":{"heading":2}},{"insert":"Ever needed to have a heading line inside of a quote block, like this:\nI’m a Markdown heading"},{"insert":"\n","attributes":{"block":"quote","heading":3}},{"insert":"And I’m a regular paragraph"},{"insert":"\n","attributes":{"block":"quote"}},{"insert":"Code blocks"},{"insert":"\n","attributes":{"headin'
-    r'g":2}},{"insert":"Of course:\nimport ‘package:flutter/material.dart’;"},{"insert":"\n","attributes":{"block":"code"}},{"insert":"import ‘package:zefyr/zefyr.dart’;"},{"insert":"\n\n","attributes":{"block":"code"}},{"insert":"void main() {"},{"insert":"\n","attributes":{"block":"code"}},{"insert":" runApp(MyZefyrApp());"},{"insert":"\n","attributes":{"block":"code"}},{"insert":"}"},{"insert":"\n","attributes":{"block":"code"}},{"insert":"\n\n\n"}]';
+      r'[{"insert":"Zefyr", "attributes": {"color": "#595959"}},{"insert":"\n","attributes":{"heading":1}},{"insert":"Soft and gentle rich text editing for Flutter applications.","attributes":{"i":true}},{"insert":"\n"},{"insert":"​","attributes":{"embed":{"type":"image","source":"asset://images/breeze.jpg"}}},{"insert":"\n"},{"insert":"Photo by Hiroyuki Takeda.","attributes":{"i":true}},{"insert":"\nZefyr is currently in "},{"insert":"early preview","attributes":{"b":true}},{"insert":". If you have a feature request or found a bug, please file it at the "},{"insert":"issue tracker","attributes":{"a":"https://github.com/memspace/zefyr/issues"}},{"insert":'
+      r'".\nDocumentation"},{"insert":"\n","attributes":{"heading":3}},{"insert":"Quick Start","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/quick_start.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"Data Format and Document Model","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/data_and_document.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"Style Attributes","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/attr'
+      r'ibutes.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"Heuristic Rules","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/heuristics.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"FAQ","attributes":{"a":"https://github.com/memspace/zefyr/blob/master/doc/faq.md"}},{"insert":"\n","attributes":{"block":"ul"}},{"insert":"Clean and modern look"},{"insert":"\n","attributes":{"heading":2}},{"insert":"Zefyr’s rich text editor is built with simplicity and fle'
+      r'xibility in mind. It provides clean interface for distraction-free editing. Think Medium.com-like experience.\nMarkdown inspired semantics"},{"insert":"\n","attributes":{"heading":2}},{"insert":"Ever needed to have a heading line inside of a quote block, like this:\nI’m a Markdown heading"},{"insert":"\n","attributes":{"block":"quote","heading":3}},{"insert":"And I’m a regular paragraph"},{"insert":"\n","attributes":{"block":"quote"}},{"insert":"Code blocks"},{"insert":"\n","attributes":{"headin'
+      r'g":2}},{"insert":"Of course:\nimport ‘package:flutter/material.dart’;"},{"insert":"\n","attributes":{"block":"code"}},{"insert":"import ‘package:zefyr/zefyr.dart’;"},{"insert":"\n\n","attributes":{"block":"code"}},{"insert":"void main() {"},{"insert":"\n","attributes":{"block":"code"}},{"insert":" runApp(MyZefyrApp());"},{"insert":"\n","attributes":{"block":"code"}},{"insert":"}"},{"insert":"\n","attributes":{"block":"code"}},{"insert":"\n\n\n"}]';
   return Delta.fromJson(json.decode(doc) as List);
 }
 
@@ -88,26 +88,26 @@ class _FullPageEditorScreenState extends State<FullPageEditorScreen> {
       body: Column(
         children: <Widget>[
           Container(
-            height: 50,
-            child: Row(
-              children: <Widget>[
-                Expanded(
-                                  child: TextField(
-                    onChanged: (text) {
-                      SearchResultEntity a = _controller.search(text);
-                      setState(() {
-                        _searchResultEntity = a;
-                      });
-                    },
+              height: 50,
+              child: Row(
+                children: <Widget>[
+                  Expanded(
+                    child: TextField(
+                      onChanged: (text) {
+                        SearchResultEntity a = _controller.search(text);
+                        setState(() {
+                          _searchResultEntity = a;
+                        });
+                      },
+                    ),
                   ),
-                ),
-                Container(
-                  padding: EdgeInsets.symmetric(horizontal: 10),
-                  child: Text('${_searchResultEntity.current} / ${_searchResultEntity.total}'),
-                )
-              ],
-            )
-          ),
+                  Container(
+                    padding: EdgeInsets.symmetric(horizontal: 10),
+                    child: Text(
+                        '${_searchResultEntity.current} / ${_searchResultEntity.total}'),
+                  )
+                ],
+              )),
           Container(
             child: Row(
               children: <Widget>[
@@ -142,26 +142,24 @@ class _FullPageEditorScreenState extends State<FullPageEditorScreen> {
             ),
           ),
           Expanded(
-                      child: ZefyrScaffold(
-                    child: ZefyrTheme(
-                      data: ZefyrThemeData(
-                        // attributeTheme: AttributeTheme(
-                        //   link: TextStyle(
-                        //     color: Colors.red,
-                        //   ),
-                        // ),
-                      ),
-                      child: ZefyrEditor(
-                        autofocus: false,
-                        controller: _controller,
-                        focusNode: _focusNode,
-                        mode: ZefyrMode.edit,
-                        imageDelegate: CustomImageDelegate(),
-                        linkDelegate: CustomLinkDelegate(),
-                        keyboardAppearance: _darkTheme ? Brightness.dark : Brightness.light,
-                      ),
-                    ),
-                  ),
+            child: ZefyrScaffold(
+              child: ZefyrTheme(
+                data: ZefyrThemeData(),
+                child: ZefyrEditor(
+                  autofocus: false,
+                  controller: _controller,
+                  focusNode: _focusNode,
+                  mode: ZefyrMode.edit,
+                  imageDelegate: CustomImageDelegate(),
+                  linkDelegate: CustomLinkDelegate(),
+                  keyboardAppearance:
+                      _darkTheme ? Brightness.dark : Brightness.light,
+                  onSave: () {
+                    print(_controller.document.toJson());
+                  },
+                ),
+              ),
+            ),
           ),
         ],
       ),

packages/zefyr/lib/src/widgets/buttons.dart

@@ -167,6 +167,8 @@ class ZefyrButton extends StatelessWidget {
       return () => editor.redo();
     } else if (action == ZefyrToolbarAction.undo && editor.controller.document.history.stack.undo.isNotEmpty) {
       return () => editor.undo();
+    } else if (action == ZefyrToolbarAction.save) {
+      return () => editor.onSave();
     }
 
     return null;

packages/zefyr/lib/src/widgets/editor.dart

@@ -27,6 +27,7 @@ class ZefyrEditor extends StatefulWidget {
     this.toolbarDelegate,
     this.imageDelegate,
     this.linkDelegate,
+    this.onSave,
     this.selectionControls,
     this.physics,
     this.keyboardAppearance,
@@ -63,6 +64,8 @@ class ZefyrEditor extends StatefulWidget {
 
   final ZefyrLinkDelegate linkDelegate;
 
+  final void Function() onSave;
+
   /// Optional delegate for building the text selection handles and toolbar.
   ///
   /// If not provided then platform-specific implementation is used by default.
@@ -147,6 +150,7 @@ class _ZefyrEditorState extends State<ZefyrEditor> {
     _scope.mode = widget.mode;
     _scope.controller = widget.controller;
     _scope.focusNode = widget.focusNode;
+    _scope.onSave = widget.onSave;
     if (widget.imageDelegate != oldWidget.imageDelegate) {
       _imageDelegate = widget.imageDelegate;
       _scope.imageDelegate = _imageDelegate;
@@ -171,6 +175,7 @@ class _ZefyrEditorState extends State<ZefyrEditor> {
         mode: widget.mode,
         imageDelegate: _imageDelegate,
         linkDelegate: _linkDelegate,
+        onSave: widget.onSave,
         controller: widget.controller,
         focusNode: widget.focusNode,
         focusScope: FocusScope.of(context),

packages/zefyr/lib/src/widgets/scope.dart

@@ -45,6 +45,7 @@ class ZefyrScope extends ChangeNotifier {
     @required FocusScopeNode focusScope,
     ZefyrImageDelegate imageDelegate,
     ZefyrLinkDelegate linkDelegate,
+    void Function() onSave,
   })  : assert(mode != null),
         assert(controller != null),
         assert(focusNode != null),
@@ -54,6 +55,7 @@ class ZefyrScope extends ChangeNotifier {
         _controller = controller,
         _imageDelegate = imageDelegate,
         _linkDelegate = linkDelegate,
+        _onSave = onSave, 
         _focusNode = focusNode,
         _focusScope = focusScope,
         _cursorTimer = CursorTimer(),
@@ -143,6 +145,15 @@ class ZefyrScope extends ChangeNotifier {
     }
   }
 
+  void Function() _onSave;
+  void Function()  get onSave => _onSave;
+  set onSave(void Function() value) {
+    if (_onSave != value) {
+      _onSave = value;
+      notifyListeners();
+    }
+  }
+
   ZefyrMode _mode;
   ZefyrMode get mode => _mode;
   set mode(ZefyrMode value) {

packages/zefyr/lib/src/widgets/toolbar.dart

@@ -330,29 +330,30 @@ class ZefyrToolbarState extends State<ZefyrToolbar>
 
     // Must set unique key for the toolbar to prevent it from reconstructing
     // new state each time we toggle overlay.
-
+    final bottons = <Widget>[
+      kToolbarDivider,
+      Expanded(child: ListView(
+        scrollDirection: Axis.horizontal,
+        children: [
+          HeadingButton(),
+          buildButton(context, ZefyrToolbarAction.emoji),
+          if (editor.imageDelegate != null) ImageButton(),
+          // ImageButton(),
+          LinkButton(),
+        ],
+        physics: ClampingScrollPhysics(),
+      ),),
+      kToolbarDivider,
+      buildButton(context, ZefyrToolbarAction.undo),
+      buildButton(context, ZefyrToolbarAction.redo),
+    ];
+    if (editor.onSave != null) {
+      bottons.addAll([kToolbarDivider, buildButton(context, ZefyrToolbarAction.save)]);
+    }
     final toolbar = ZefyrToolbarScaffold(
       key: _toolbarKey,
       body: Row(
-        children: [
-          kToolbarDivider,
-          Expanded(child: ListView(
-            scrollDirection: Axis.horizontal,
-            children: [
-              HeadingButton(),
-              buildButton(context, ZefyrToolbarAction.emoji),
-              if (editor.imageDelegate != null) ImageButton(),
-              // ImageButton(),
-              LinkButton(),
-            ],
-            physics: ClampingScrollPhysics(),
-          ),),
-          kToolbarDivider,
-          buildButton(context, ZefyrToolbarAction.undo),
-          buildButton(context, ZefyrToolbarAction.redo),
-          kToolbarDivider,
-          buildButton(context, ZefyrToolbarAction.save),
-        ],
+        children: bottons,
       ),
       trailing: hasOverlay ? buildButton(context, ZefyrToolbarAction.showKeyboard) : buildButton(context, ZefyrToolbarAction.hideKeyboard),
     );