flutter-html-editor's Introduction

Flutter Html Editor

Flutter HTML Editor is a text editor for android and iOS to help write WYSIWYG HTML code based on the Summernote javascript wrapper. with this library you can insert images into the text editor

Setup

add html_editor: ^1.0.1 as deppendecy to pubspec.yaml

iOS

Add the following keys to your Info.plist file, located in /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

import flutter html editor

    import 'package:html_editor/html_editor.dart';

Create Global key from HTML Editor State

    GlobalKey<HtmlEditorState> keyEditor = GlobalKey();

Add HTML Editor to widget

    HtmlEditor(
        hint: "Your text here...",
        //value: "text content initial, if any",
        key: keyEditor,
        height: 400,
    ),

Get text from Html Editor

    final txt = await keyEditor.currentState.getText();

Avalaible option parameters

Parameter	Type	Default	Description
key	GlobalKey	required	for get method & reset
value	String	empty	iniate text content for text editor
height	double	380	height of text editor
decoration	BoxDecoration		Decoration editor
useBottomSheet	bool	true	if true Pickup image user bottomsheet or dialog if else
widthImage	String	100%	width of image picker
showBottomToolbar	bool	true	show hide bottom toolbar
hint	String	empty	Placeholder hint text