Text Editor in Flutter to help free write WYSIWYG HTML code

flutter summernote

text editor in flutter for android and ios to help free write wysiwyg html code based on summernote 0.8.18 javascript wrapper.

setup

add flutter_summernote: ^latest as deppendecy to pubspec.yaml

ios

add the following keys to your info.plist file, located in <project root>/ios/runner/info.plist:

    <key>io.flutter.embedded_views_preview</key>
    <true/>

    <key>nscamerausagedescription</key>
    <string>used to demonstrate image picker plugin</string>
    <key>nsmicrophoneusagedescription</key>
    <string>used to capture audio for image picker plugin</string>
    <key>nsphotolibraryusagedescription</key>
    <string>used to demonstrate image picker plugin</string>

    <key>nsapptransportsecurity</key>
    <dict>
        <key>nsallowsarbitraryloads</key>
         <true/>
    </dict>

usage

1. import flutter html editor

    import 'package:flutter_summernote/flutter_summernote.dart';

2. create global key from html editor state

    globalkey<fluttersummernotestate> _keyeditor = globalkey();

3. add html editor to widget

    fluttersummernote(
        hint: "your text here...",
        key: _keyeditor
    ),
    fluttersummernote(
        hint: "your text here...",
        key: _keyeditor,
        customtoolbar: """
            [
                ['style', ['bold', 'italic', 'underline', 'clear']],
                ['font', ['strikethrough', 'superscript', 'subscript']]
            ]"""
    )

4. get text from html editor

    final _eteditor = await keyeditor.currentstate.gettext();

avalaible option parameters