html_editor 1.0.1 html_editor: ^1.0.1 copied to clipboard
Flutter HTML Editor is a text editor for android and iOS to help write WYSIWYG HTML code based on the Summernote javascript wrapper
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>
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 |
License #
This project is licensed under the MIT License - see the LICENSE file for details.
#MajalengkaExoticSundaland