html_editor

Description:

html editor

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
<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>
copied to clipboard
Usage #

import flutter html editor

import 'package:html_editor/html_editor.dart';
copied to clipboard

Create Global key from HTML Editor State

GlobalKey<HtmlEditorState> keyEditor = GlobalKey();
copied to clipboard

Add HTML Editor to widget

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

Get text from Html Editor

final txt = await keyEditor.currentState.getText();
copied to clipboard
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



License #
This project is licensed under the MIT License - see the LICENSE file for details.
#MajalengkaExoticSundaland