# 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 ![demo example](https://github.com/xrb21/flutter-html-editor/blob/master/screenshoot/flutter_html_editor.gif) ![demo android](https://github.com/xrb21/flutter-html-editor/blob/master/screenshoot/sc.jpeg) ![demo ios](https://github.com/xrb21/flutter-html-editor/blob/master/screenshoot/sc_iphone.png) ## 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: ``` io.flutter.embedded_views_preview NSCameraUsageDescription Used to demonstrate image picker plugin NSMicrophoneUsageDescription Used to capture audio for image picker plugin NSPhotoLibraryUsageDescription Used to demonstrate image picker plugin NSAppTransportSecurity NSAllowsArbitraryLoads ``` ### Usage 1. import flutter html editor ``` import 'package:html_editor/html_editor.dart'; ``` 2. Create Global key from HTML Editor State ``` GlobalKey keyEditor = GlobalKey(); ``` 3. Add HTML Editor to widget ``` HtmlEditor( hint: "Your text here...", //value: "text content initial, if any", key: keyEditor, height: 400, ), ``` 4. 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](LICENSE) file for details. `#MajalengkaExoticSundaland`

excellent projects related to xrb21/flutter-html-editor recommend downloading