A Flutter package that provides a WYSIWYG editor backed by flutter_inappwebview and the Summernote library.
Home Page: https://pub.dev/packages/html_editor_enhanced
License: MIT License
I have a use case where I require cookie header to load image, is this possible? if yes, how to implement that?
I am trying to insert audio with base 64 but having issue
Inserting Html contents :-
> <audio controls="controls" autoplay="autoplay">
> <source src="data:audio/wav;base64,UklGRhwMAABXQVZFZm10IBAAAAABAAEAgD4AAIA+AAABAAgAZGF0Ya4LAACAgICAgICAgICAgICAgICAgICAgICAgICAf3hxeH+AfXZ1eHx6dnR5fYGFgoOKi42aloubq6GOjI2Op7ythXJ0eYF5aV1AOFFib32HmZSHhpCalIiYi4SRkZaLfnhxaWptb21qaWBea2BRYmZTVmFgWFNXVVVhaGdbYGhZbXh1gXZ1goeIlot1k6yxtKaOkaWhq7KonKCZoaCjoKWuqqmurK6ztrO7tbTAvru/vb68vbW6vLGqsLOfm5yal5KKhoyBeHt2dXBnbmljVlJWUEBBPDw9Mi4zKRwhIBYaGRQcHBURGB0XFxwhGxocJSstMjg6PTc6PUxVV1lWV2JqaXN0coCHhIyPjpOenqWppK6xu72yxMu9us7Pw83Wy9nY29ve6OPr6uvs6ezu6ejk6erm3uPj3dbT1sjBzdDFuMHAt7m1r7W6qaCupJOTkpWPgHqAd3JrbGlnY1peX1hTUk9PTFRKR0RFQkRBRUVEQkdBPjs9Pzo6NT04Njs+PTxAPzo/Ojk6PEA5PUJAQD04PkRCREZLUk1KT1BRUVdXU1VRV1tZV1xgXltcXF9hXl9eY2VmZmlna3J0b3F3eHyBfX+JgIWJiouTlZCTmpybnqSgnqyrqrO3srK2uL2/u7jAwMLFxsfEv8XLzcrIy83JzcrP0s3M0dTP0drY1dPR1dzc19za19XX2dnU1NjU0dXPzdHQy8rMysfGxMLBvLu3ta+sraeioJ2YlI+MioeFfX55cnJsaWVjXVlbVE5RTktHRUVAPDw3NC8uLyknKSIiJiUdHiEeGx4eHRwZHB8cHiAfHh8eHSEhISMoJyMnKisrLCszNy8yOTg9QEJFRUVITVFOTlJVWltaXmNfX2ZqZ21xb3R3eHqAhoeJkZKTlZmhpJ6kqKeur6yxtLW1trW4t6+us7axrbK2tLa6ury7u7u9u7vCwb+/vr7Ev7y9v8G8vby6vru4uLq+tri8ubi5t7W4uLW5uLKxs7G0tLGwt7Wvs7avr7O0tLW4trS4uLO1trW1trm1tLm0r7Kyr66wramsqaKlp52bmpeWl5KQkImEhIB8fXh3eHJrbW5mYGNcWFhUUE1LRENDQUI9ODcxLy8vMCsqLCgoKCgpKScoKCYoKygpKyssLi0sLi0uMDIwMTIuLzQ0Njg4Njc8ODlBQ0A/RUdGSU5RUVFUV1pdXWFjZGdpbG1vcXJ2eXh6fICAgIWIio2OkJGSlJWanJqbnZ2cn6Kkp6enq62srbCysrO1uLy4uL+/vL7CwMHAvb/Cvbq9vLm5uba2t7Sysq+urqyqqaalpqShoJ+enZuamZqXlZWTkpGSkpCNjpCMioqLioiHhoeGhYSGg4GDhoKDg4GBg4GBgoGBgoOChISChISChIWDg4WEgoSEgYODgYGCgYGAgICAgX99f398fX18e3p6e3t7enp7fHx4e3x6e3x7fHx9fX59fn1+fX19fH19fnx9fn19fX18fHx7fHx6fH18fXx8fHx7fH1+fXx+f319fn19fn1+gH9+f4B/fn+AgICAgH+AgICAgIGAgICAgH9+f4B+f35+fn58e3t8e3p5eXh4d3Z1dHRzcXBvb21sbmxqaWhlZmVjYmFfX2BfXV1cXFxaWVlaWVlYV1hYV1hYWVhZWFlaWllbXFpbXV5fX15fYWJhYmNiYWJhYWJjZGVmZ2hqbG1ub3Fxc3V3dnd6e3t8e3x+f3+AgICAgoGBgoKDhISFh4aHiYqKi4uMjYyOj4+QkZKUlZWXmJmbm52enqCioqSlpqeoqaqrrK2ur7CxsrGys7O0tbW2tba3t7i3uLe4t7a3t7i3tre2tba1tLSzsrKysbCvrq2sq6qop6alo6OioJ+dnJqZmJeWlJKSkI+OjoyLioiIh4WEg4GBgH9+fXt6eXh3d3V0c3JxcG9ubWxsamppaWhnZmVlZGRjYmNiYWBhYGBfYF9fXl5fXl1dXVxdXF1dXF1cXF1cXF1dXV5dXV5fXl9eX19gYGFgYWJhYmFiY2NiY2RjZGNkZWRlZGVmZmVmZmVmZ2dmZ2hnaGhnaGloZ2hpaWhpamlqaWpqa2pra2xtbGxtbm1ubm5vcG9wcXBxcnFycnN0c3N0dXV2d3d4eHh5ent6e3x9fn5/f4CAgIGCg4SEhYaGh4iIiYqLi4uMjY2Oj5CQkZGSk5OUlJWWlpeYl5iZmZqbm5ybnJ2cnZ6en56fn6ChoKChoqGio6KjpKOko6SjpKWkpaSkpKSlpKWkpaSlpKSlpKOkpKOko6KioaKhoaCfoJ+enp2dnJybmpmZmJeXlpWUk5STkZGQj4+OjYyLioqJh4eGhYSEgoKBgIB/fn59fHt7enl5eHd3dnZ1dHRzc3JycXBxcG9vbm5tbWxrbGxraWppaWhpaGdnZ2dmZ2ZlZmVmZWRlZGVkY2RjZGNkZGRkZGRkZGRkZGRjZGRkY2RjZGNkZWRlZGVmZWZmZ2ZnZ2doaWhpaWpra2xsbW5tbm9ub29wcXFycnNzdHV1dXZ2d3d4eXl6enp7fHx9fX5+f4CAgIGAgYGCgoOEhISFhoWGhoeIh4iJiImKiYqLiouLjI2MjI2OjY6Pj46PkI+QkZCRkJGQkZGSkZKRkpGSkZGRkZKRkpKRkpGSkZKRkpGSkZKRkpGSkZCRkZCRkI+Qj5CPkI+Pjo+OjY6Njo2MjYyLjIuMi4qLioqJiomJiImIh4iHh4aHhoaFhoWFhIWEg4SDg4KDgoKBgoGAgYCBgICAgICAf4CAf39+f35/fn1+fX59fHx9fH18e3x7fHt6e3p7ent6e3p5enl6enl6eXp5eXl4eXh5eHl4eXh5eHl4eXh5eHh3eHh4d3h4d3h3d3h4d3l4eHd4d3h3eHd4d3h3eHh4eXh5eHl4eHl4eXh5enl6eXp5enl6eXp5ent6ent6e3x7fHx9fH18fX19fn1+fX5/fn9+f4B/gH+Af4CAgICAgIGAgYCBgoGCgYKCgoKDgoOEg4OEg4SFhIWEhYSFhoWGhYaHhoeHhoeGh4iHiIiHiImIiImKiYqJiYqJiouKi4qLiouKi4qLiouKi4qLiouKi4qLi4qLiouKi4qLiomJiomIiYiJiImIh4iIh4iHhoeGhYWGhYaFhIWEg4OEg4KDgoOCgYKBgIGAgICAgH+Af39+f359fn18fX19fHx8e3t6e3p7enl6eXp5enl6enl5eXh5eHh5eHl4eXh5eHl4eHd5eHd3eHl4d3h3eHd4d3h3eHh4d3h4d3h3d3h5eHl4eXh5eHl5eXp5enl6eXp7ent6e3p7e3t7fHt8e3x8fHx9fH1+fX59fn9+f35/gH+AgICAgICAgYGAgYKBgoGCgoKDgoOEg4SEhIWFhIWFhoWGhYaGhoaHhoeGh4aHhoeIh4iHiIeHiIeIh4iHiIeIiIiHiIeIh4iHiIiHiIeIh4iHiIeIh4eIh4eIh4aHh4aHhoeGh4aHhoWGhYaFhoWFhIWEhYSFhIWEhISDhIOEg4OCg4OCg4KDgYKCgYKCgYCBgIGAgYCBgICAgICAgICAf4B/f4B/gH+Af35/fn9+f35/fn1+fn19fn1+fX59fn19fX19fH18fXx9fH18fXx9fH18fXx8fHt8e3x7fHt8e3x7fHt8e3x7fHt8e3x7fHt8e3x7fHt8e3x8e3x7fHt8e3x7fHx8fXx9fH18fX5+fX59fn9+f35+f35/gH+Af4B/gICAgICAgICAgICAgYCBgIGAgIGAgYGBgoGCgYKBgoGCgYKBgoGCgoKDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KCgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGBgYCBgIGAgYCBgIGAgYCBgIGAgYCBgIGAgYCBgIGAgYCAgICBgIGAgYCBgIGAgYCBgIGAgYCBgExJU1RCAAAASU5GT0lDUkQMAAAAMjAwOC0wOS0yMQAASUVORwMAAAAgAAABSVNGVBYAAABTb255IFNvdW5kIEZvcmdlIDguMAAA" />
> </audio>
Getting this in output :-
Uncaught SyntaxError: Invalid or unexpected token
On parent widget closing (back button click), html_editor keep dispayed for few seconds and disappears. How to avoid this? is there any dispose method?
Hi!, I'm overriding the onImageUpload callback to block addition of images, but even overriding the function and return null, the image still added. Is there way to solve this problem?
Code with reproduce the problem:
HtmlEditor(
controller: controller,
htmlEditorOptions: HtmlEditorOptions(
hint: 'Your text here...',
shouldEnsureVisible: true,
//initialText: "<p>text content initial, if any</p>",
),
htmlToolbarOptions: HtmlToolbarOptions(
toolbarPosition: ToolbarPosition.aboveEditor, //by default
toolbarType: ToolbarType.nativeScrollable, //by default
onButtonPressed: (ButtonType type, bool? status,
Function()? updateStatus) {
print(
"button '${describeEnum(type)}' pressed, the current selected status is $status");
return true;
},
onDropdownChanged: (DropdownType type, dynamic changed,
Function(dynamic)? updateSelectedItem) {
print(
"dropdown '${describeEnum(type)}' changed to $changed");
return true;
},
mediaLinkInsertInterceptor:
(String url, InsertFileType type) {
print(url);
return true;
},
mediaUploadInterceptor:
(PlatformFile file, InsertFileType type) async {
print(file.name); //filename
print(file.size); //size in bytes
print(file.extension); //file extension (eg jpeg or mp4)
return true;
},
),
otherOptions: OtherOptions(height: 550),
callbacks: Callbacks(onBeforeCommand: (String? currentHtml) {
print('html before change is $currentHtml');
}, onChange: (String? changed) {
print('content changed to $changed');
}, onChangeCodeview: (String? changed) {
print('code changed to $changed');
}, onDialogShown: () {
print('dialog shown');
}, onEnter: () {
print('enter/return pressed');
}, onFocus: () {
print('editor focused');
}, onBlur: () {
print('editor unfocused');
}, onBlurCodeview: () {
print('codeview either focused or unfocused');
}, onInit: () {
print('init');
},
onImageLinkInsert: (str){
return null;
},
onImageUpload: (FileUpload file) async {
return null;
},
onImageUploadError: (FileUpload? file, String? base64Str,
UploadError error) {
print(describeEnum(error));
print(base64Str ?? '');
if (file != null) {
print(file.name);
print(file.size);
print(file.type);
}
}, onKeyDown: (int? keyCode) {
print('$keyCode key downed');
}, onKeyUp: (int? keyCode) {
print('$keyCode key released');
}, onMouseDown: () {
print('mouse downed');
}, onMouseUp: () {
print('mouse released');
}, onPaste: () {
print('pasted into editor');
}, onScroll: () {
print('editor scrolled');
}),
plugins: [
SummernoteAtMention(
getSuggestionsMobile: (String value) {
var mentions = <String>['test1', 'test2', 'test3'];
return mentions
.where((element) => element.contains(value))
.toList();
},
mentionsWeb: ['test1', 'test2', 'test3'],
onSelect: (String value) {
print(value);
}),
],
),
Type question here.
TypeError: Cannot read property 'includes' of null
at handleMessage (about:srcdoc:47:30)
Hey, man. awesome work. This is excellent. Now I can use it in web. Thank you!!!
How can I set fullscreen by default?
That bottom part takes up a lot of space and doesn't help me at all
Example i want hide video,image,grid system tab...
Describe the bug
VERBOSE-2:ui_dart_state.cc(186)] Unhandled Exception: type 'double' is not a subtype of type 'int?' in type cast
#0 _HtmlEditorWidgetMobileState.build.
package:html_editor_enhanced/…/widgets/html_editor_widget_mobile.dart:294
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
If applicable, add screenshots to help explain your problem.
Device:
Add device details here.
Additional context
Add any other context about the problem here.
Hi, html-editor-enhanced cannot read the following html text as initialText, it dont show any text in html-editor-enhanced textbox.
It shows this error message in the Terminal:
I/flutter ( 5266): Uncaught SyntaxError: missing ) after argument list
<div><span style="color:rgb(74,74,74);font-family:'Google Sans', Roboto, sans-serif;">System requirements</span><br /></div><div><p style="color:rgb(74,74,74);font-family:Roboto, sans-serif;">To install and run Flutter, your development environment must meet these minimum requirements:</p><ul style="color:rgb(74,74,74);font-family:Roboto, sans-serif;"><li><span style="font-weight:bolder;">Operating Systems</span>: Windows 7 SP1 or later (64-bit), x86-64 based</li><li><span style="font-weight:bolder;">Disk Space</span>: 1.64 GB (does not include disk space for IDE/tools).</li><li><span style="font-weight:bolder;">Tools</span>: Flutter depends on these tools being available in your environment.<ul><li><a href="https://docs.microsoft.com/en-us/powershell/scripting/install/installing-windows-powershell" style="color:rgb(19,137,253);">Windows PowerShell 5.0</a> or newer (this is pre-installed with Windows 10)</li><li><p><a href="https://git-scm.com/download/win" style="color:rgb(19,137,253);">Git for Windows</a> 2.x, with the <span style="font-weight:bolder;">Use Git from the Windows Command Prompt</span> option.</p><p>If Git for Windows is already installed, make sure you can run <code class="language-plaintext highlighter-rouge" style="font-family:'Roboto Mono', monospace;font-size:14px;color:rgb(0,143,131);">git</code> commands from the command prompt or PowerShell.</p></li></ul></li></ul><h2 style="margin:0px;font-family:'Google Sans', Roboto, sans-serif;line-height:1.2;clear:both;color:rgb(74,74,74);"><a class="anchor" href="https://flutter.dev/docs/get-started/install/windows#get-the-flutter-sdk" style="color:rgb(19,137,253);float:left;"><span class="octicon octicon-link" style="font-family:'Font Awesome 5 Free';font-weight:900;line-height:1;color:rgb(74,74,74);vertical-align:middle;"></span></a>Get the Flutter SDK</h2><ol style="color:rgb(74,74,74);font-family:Roboto, sans-serif;"><li><p>Download the following installation bundle to get the latest stable release of the Flutter SDK:</p><p>For other release channels, and older builds, see the <a href="https://flutter.dev/docs/development/tools/sdk/releases" style="color:rgb(19,137,253);">SDK releases</a> page.</p></li><li><p>Extract the zip file and place the contained <code class="language-plaintext highlighter-rouge" style="font-family:'Roboto Mono', monospace;font-size:14px;color:rgb(0,143,131);">flutter</code> in the desired installation location for the Flutter SDK (for example, <code class="language-plaintext highlighter-rouge" style="font-family:'Roboto Mono', monospace;font-size:14px;color:rgb(0,143,131);">C:\src\flutter</code>).</p></li></ol></div>
How to solve it, thanks
Sorry guys, I'm new to this Flutter thing.
How do I record everything entered into the editor (image, video, sound, text) into SQLite and Firebase?
Storing media like videos is not an ideal idea in SQL, any workaround?
Thanks in advance.
here is the issue
Describe the bug
When i click the image icon in the toolbar. There is a button available without text.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Show a text like "upload" inside the button.
Screenshots
Device:
Windows 10 Google Chrome
Web page not found is showing in editor whenever I am trying to insert the video url from insert Video Url.
but when was checking Code view I got this :
<p><iframe frameborder="0" src="//www.youtube.com/embed/W1pNjxmNHNQ" width="640" height="360" class="note-video-clip"></iframe><br></p>
In above I append https: in src then it's working fine.
<p><iframe frameborder="0" src="https://www.youtube.com/embed/W1pNjxmNHNQ" width="640" height="360" class="note-video-clip"></iframe><br></p>
It's issue is coming only in mobile platform. on web it's working. please add this changes in iframe of lib/summernote/summernote-lite.min.js
Describe the bug
Not accepting any key inputs in the ios version with the latest flutter version. please check on this. Thanks
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
If applicable, add screenshots to help explain your problem.
Device:
Add device details here.
Additional context
Add any other context about the problem here.
Hi, how do we upload a file in the onImageUpload callback, it accepts a paramater of FileUpload type which does not includes the path of the image, so how can we make a dio request to upload the file using MultipartFile
I implemented html-editor-enhanced in a separate class as you see
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
import 'dart:async';
import 'dart:core';
import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:html_editor_enhanced/html_editor.dart';
import 'dart:convert';
import 'dart:io';
class html_textbox extends StatefulWidget {
String value;
html_textbox(this.value);
@override
_html_textboxState createState() => _html_textboxState();
}
class _html_textboxState extends State<html_textbox> {
final HtmlEditorController controller = HtmlEditorController();
@override
void initState() {
super.initState();
}
@override
void dispose() {
super.dispose();
}
return_back_html_text(BuildContext context) async{
final result = await controller.getText();
Navigator.pop(context, result);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Change text', textScaleFactor: 1,),
actions: [
TextButton(onPressed: () async{
return_back_html_text(context);
}, child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Icon(Icons.check, color: Colors.white, size: 25,),
Text(' Save', textScaleFactor: 1.2, style: TextStyle(color: Colors.white),),
],
)),
],
),
body: SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
HtmlEditor(
controller: controller,
hint: "Skriv här...",
initialText: widget.value,
options: HtmlEditorOptions(
height: 400,
showBottomToolbar: false,
autoAdjustHeight: false,
adjustHeightForKeyboard: false,
shouldEnsureVisible: true
),
toolbar: [
Style(),
Font(buttons: [FontButtons.bold, FontButtons.italic, FontButtons.clear, FontButtons.underline],),
],
/* callbacks: Callbacks(
onChange: (String changed) {
// value = changed;
print("content changed to $changed");
},
onEnter: () {
print("enter/return pressed");
},
onFocus: () {
print("editor focused");
},
onBlur: () {
print("editor unfocused");
},
onBlurCodeview: () {
print("codeview either focused or unfocused");
},
onInit: () {
print("init");
},
onKeyDown: (int keyCode) {
print("$keyCode key downed");
},
onKeyUp: (int keyCode) {
print("$keyCode key released");
},
onPaste: () {
print("pasted into editor");
},
),*/
),
Container(
margin: EdgeInsets.only(left: 15, right: 15),
child: OutlineButton(
onPressed: () async{
await return_back_html_text(context);
}, child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Icon(Icons.check, color: Colors.green, size: 25,),
Text(' Save', textScaleFactor: 1.2, style: TextStyle(color: Colors.green),),
],
),
shape: new RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(30.0)),
borderSide: BorderSide(
color: Colors.green, //Color of the border
style: BorderStyle.solid, //Style of the border
width: 1.0, //width of the border
),),
),
],
),
),
);
}
}
The problem I do Navigator.push to this page, I could open the page but it shows the following error messages in terminal
E/flutter (14486): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: type 'double' is not a subtype of type 'int?' in type cast
E/flutter (14486): #0 _HtmlEditorWidgetMobileState.build.<anonymous closure> (package:html_editor_enhanced/src/widgets/html_editor_widget_mobile.dart:303:57)
E/flutter (14486): #1 _HtmlEditorWidgetMobileState.build.<anonymous closure> (package:html_editor_enhanced/src/widgets/html_editor_widget_mobile.dart:168:23)
E/flutter (14486): #2 InAppWebViewController.handleMethod (package:flutter_inappwebview/src/in_app_webview/in_app_webview_controller.dart:123:34)
E/flutter (14486): #3 MethodChannel._handleAsMethodCall (package:flutter/src/services/platform_channel.dart:435:55)
E/flutter (14486): #4 MethodChannel.setMethodCallHandler.<anonymous closure> (package:flutter/src/services/platform_channel.dart:382:34)
E/flutter (14486): #5 _DefaultBinaryMessenger.handlePlatformMessage (package:flutter/src/services/binding.dart:284:33)
E/flutter (14486): #6 _invoke3.<anonymous closure> (dart:ui/hooks.dart:221:15)
E/flutter (14486): #7 _rootRun (dart:async/zone.dart:1354:13)
E/flutter (14486): #8 _CustomZone.run (dart:async/zone.dart:1258:19)
E/flutter (14486): #9 _CustomZone.runGuarded (dart:async/zone.dart:1162:7)
E/flutter (14486): #10 _invoke3 (dart:ui/hooks.dart:220:10)
E/flutter (14486): #11 PlatformDispatcher._dispatchPlatformMessage (dart:ui/platform_dispatcher.dart:457:7)
E/flutter (14486): #12 _dispatchPlatformMessage (dart:ui/hooks.dart:90:31)
E/flutter (14486):
When I click on Save button, it works I got the text I wrote correctly, but it shows the following error messages in terminal
E/chromium(14486): [ERROR:aw_browser_terminator.cc(125)] Renderer process (19914) crash detected (code -1).
E/flutter (14486): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: Bad state: Cannot add new events after calling close
E/flutter (14486): #0 _BroadcastStreamController.add (dart:async/broadcast_stream_controller.dart:243:24)
E/flutter (14486): #1 _HtmlEditorWidgetMobileState.build.<anonymous closure> (package:html_editor_enhanced/src/widgets/html_editor_widget_mobile.dart:100:23)
E/flutter (14486): #2 _HtmlEditorWidgetMobileState.build.<anonymous closure> (package:html_editor_enhanced/src/widgets/html_editor_widget_mobile.dart:99:28)
E/flutter (14486): #3 VisibilityDetectorLayer._fireCallback (package:visibility_detector/src/visibility_detector_layer.dart:261:24)
E/flutter (14486): #4 VisibilityDetectorLayer._processCallbacks (package:visibility_detector/src/visibility_detector_layer.dart:220:15)
E/flutter (14486): #5 _TaskEntry.run.<anonymous closure> (package:flutter/src/scheduler/binding.dart:80:34)
E/flutter (14486): #6 Timeline.timeSync (dart:developer/timeline.dart:163:22)
E/flutter (14486): #7 _TaskEntry.run (package:flutter/src/scheduler/binding.dart:77:16)
E/flutter (14486): #8 SchedulerBinding.handleEventLoopCallback (package:flutter/src/scheduler/binding.dart:460:15)
E/flutter (14486): #9 SchedulerBinding._runTasks (package:flutter/src/scheduler/binding.dart:438:9)
E/flutter (14486): #10 _rootRun (dart:async/zone.dart:1346:47)
E/flutter (14486): #11 _CustomZone.run (dart:async/zone.dart:1258:19)
E/flutter (14486): #12 _CustomZone.runGuarded (dart:async/zone.dart:1162:7)
E/flutter (14486): #13 _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:1202:23)
E/flutter (14486): #14 _rootRun (dart:async/zone.dart:1354:13)
E/flutter (14486): #15 _CustomZone.run (dart:async/zone.dart:1258:19)
E/flutter (14486): #16 _CustomZone.bindCallback.<anonymous closure> (dart:async/zone.dart:1186:23)
E/flutter (14486): #17 Timer._createTimer.<anonymous closure> (dart:async-patch/timer_patch.dart:18:15)
E/flutter (14486): #18 _Timer._runTimers (dart:isolate-patch/timer_impl.dart:395:19)
E/flutter (14486): #19 _Timer._handleMessage (dart:isolate-patch/timer_impl.dart:426:5)
E/flutter (14486): #20 _RawReceivePortImpl._handleMessage (dart:isolate-patch/isolate_patch.dart:184:12)
E/flutter (14486):
What is the problem?
Another issuse is sometimes it shows the default toolbar even if you specified which buttons I want to show,
Thanks for your good work.
I am using multiple html editors on a single page. They appear to be acting regular in a sense where I can edit the text in them individually and use them with no errors. However, when I have multiple on one page, there is a white overlay that covers the screen. Is there a correct way to implement multiple on one page?
When I call await controller.getText() it return the result correct, but it shows these error messages in terminal:
E/chromium(16000): [ERROR:aw_browser_terminator.cc(125)] Renderer process (16047) crash detected (code -1).
E/flutter (16000): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: setState() called after dispose(): _HtmlEditorWidgetMobileState#e447c(lifecycle state: defunct, not mounted)
E/flutter (16000): This error happens if you call setState() on a State object for a widget that no longer appears in the widget tree (e.g., whose parent widget no longer includes the widget in its build). This error can occur when code calls setState() from a timer or an animation callback.
E/flutter (16000): The preferred solution is to cancel the timer or stop listening to the animation in the dispose() callback. Another solution is to check the "mounted" property of this object before calling setState() to ensure the object is still in the tree.
E/flutter (16000): This error might indicate a memory leak if setState() is being called because another object is retaining a reference to this State object after it has been removed from the tree. To avoid memory leaks, consider breaking the reference to this object during dispose().
E/flutter (16000): #0 State.setState.<anonymous closure> (package:flutter/src/widgets/framework.dart:1231:9)
E/flutter (16000): #1 State.setState (package:flutter/src/widgets/framework.dart:1266:6)
E/flutter (16000): #2 _HtmlEditorWidgetMobileState.resetHeight (package:html_editor_enhanced/src/widgets/html_editor_widget_mobile.dart:89:5)
E/flutter (16000): #3 _HtmlEditorWidgetMobileState.build.<anonymous closure>.<anonymous closure> (package:html_editor_enhanced/src/widgets/html_editor_widget_mobile.dart:465:29)
E/flutter (16000): #4 _rootRunUnary (dart:async/zone.dart:1362:47)
E/flutter (16000): #5 _CustomZone.runUnary (dart:async/zone.dart:1265:19)
E/flutter (16000): #6 _CustomZone.runUnaryGuarded (dart:async/zone.dart:1170:7)
E/flutter (16000): #7 _BufferingStreamSubscription._sendData (dart:async/stream_impl.dart:341:11)
E/flutter (16000): #8 _BufferingStreamSubscription._add (dart:async/stream_impl.dart:271:7)
E/flutter (16000): #9 _SyncBroadcastStreamController._sendData.<anonymous closure> (dart:async/broadcast_stream_controller.dart:386:20)
E/flutter (16000): #10 _BroadcastStreamController._forEachListener (dart:async/broadcast_stream_controller.dart:323:15)
E/flutter (16000): #11 _SyncBroadcastStreamController._sendData (dart:async/broadcast_stream_controller.dart:385:5)
E/flutter (16000): #12 _BroadcastStreamController.add (dart:async/broadcast_stream_controller.dart:244:5)
E/flutter (16000): #13 _AsBroadcastStreamController.add (dart:async/broadcast_stream_controller.dart:475:11)
E/flutter (16000): #14 _rootRunUnary (dart:async/zone.dart:1362:47)
E/flutter (16000): #15 _CustomZone.runUnary (dart:async/zone.dart:1265:19)
E/flutter (16000): #16 _CustomZone.runUnaryGuarded (dart:async/zone.dart:1170:7)
E/flutter (16000): #17 _BufferingStreamSubscription._sendData (dart:async/stream_impl.dart:341:11)
E/flutter (16000): #18 _DelayedData.perform (dart:async/stream_impl.dart:591:14)
E/flutter (16000): #19 _StreamImplEvents.handleNext (dart:async/stream_impl.dart:706:11)
E/flutter (16000): #20 _PendingEvents.schedule.<anonymous closure> (dart:async/stream_impl.dart:663:7)
E/flutter (16000): #21 _rootRun (dart:async/zone.dart:1346:47)
E/flutter (16000): #22 _CustomZone.run (dart:async/zone.dart:1258:19)
E/flutter (16000): #23 _CustomZone.runGuarded (dart:async/zone.dart:1162:7)
E/flutter (16000): #24 _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:1202:23)
E/flutter (16000): #25 _rootRun (dart:async/zone.dart:1354:13)
E/flutter (16000): #26 _CustomZone.run (dart:async/zone.dart:1258:19)
E/flutter (16000): #27 _CustomZone.runGuarded (dart:async/zone.dart:1162:7)
E/flutter (16000): #28 _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:1202:23)
E/flutter (16000): #29 _microtaskLoop (dart:async/schedule_microtask.dart:40:21)
E/flutter (16000): #30 _startMicrotaskLoop (dart:async/schedule_microtask.dart:49:5)
E/flutter (16000):
E/flutter (16000): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: MissingPluginException(No implementation found for method clearFocus on channel com.pichillilorenzo/flutter_inappwebview_0)
E/flutter (16000): #0 MethodChannel._invokeMethod (package:flutter/src/services/platform_channel.dart:156:7)
E/flutter (16000): <asynchronous suspension>
E/flutter (16000): #1 InAppWebViewController.clearFocus (package:flutter_inappwebview/src/in_app_webview/in_app_webview_controller.dart:1795:12)
E/flutter (16000): <asynchronous suspension>
E/flutter (16000):
Thanks for your work.
Type question here.
Wow amazing package and it works amazing right out of the gate. Just wondering if there will be web support in the future? Thank you
I upgraded to html_editor_enhanced 2.0.1 today, it works well, thanks for your work. I have html-editor-enhanced in separate page and when I do the following
final result = await controller.getText();
if( Navigator.canPop(context) == true) {
Navigator.pop(context, result);
}
It show the following error messages in Terminal:
W/ImageReader_JNI(14972): Unable to acquire a buffer item, very likely client tried to acquire more than maxImages buffers
E/flutter (14972): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: Bad state: No element
E/flutter (14972): #0 Stream.first.<anonymous closure> (dart:async/stream.dart:1213:9)
E/flutter (14972): #1 _rootRun (dart:async/zone.dart:1346:47)
E/flutter (14972): #2 _CustomZone.run (dart:async/zone.dart:1258:19)
E/flutter (14972): #3 _CustomZone.runGuarded (dart:async/zone.dart:1162:7)
E/flutter (14972): #4 _DoneStreamSubscription._sendDone (dart:async/stream_impl.dart:785:36)
E/flutter (14972): #5 _rootRun (dart:async/zone.dart:1354:13)
E/flutter (14972): #6 _CustomZone.run (dart:async/zone.dart:1258:19)
E/flutter (14972): #7 _CustomZone.runGuarded (dart:async/zone.dart:1162:7)
E/flutter (14972): #8 _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:1202:23)
E/flutter (14972): #9 _microtaskLoop (dart:async/schedule_microtask.dart:40:21)
E/flutter (14972): #10 _startMicrotaskLoop (dart:async/schedule_microtask.dart:49:5)
E/flutter (14972):
E/flutter (14972): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: Bad state: No element
E/flutter (14972): #0 Stream.first.<anonymous closure> (dart:async/stream.dart:1213:9)
E/flutter (14972): #1 _rootRun (dart:async/zone.dart:1346:47)
E/flutter (14972): #2 _CustomZone.run (dart:async/zone.dart:1258:19)
E/flutter (14972): #3 _CustomZone.runGuarded (dart:async/zone.dart:1162:7)
E/flutter (14972): #4 _DoneStreamSubscription._sendDone (dart:async/stream_impl.dart:785:36)
E/flutter (14972): #5 _rootRun (dart:async/zone.dart:1354:13)
E/flutter (14972): #6 _CustomZone.run (dart:async/zone.dart:1258:19)
E/flutter (14972): #7 _CustomZone.runGuarded (dart:async/zone.dart:1162:7)
E/flutter (14972): #8 _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:1202:23)
E/flutter (14972): #9 _microtaskLoop (dart:async/schedule_microtask.dart:40:21)
E/flutter (14972): #10 _startMicrotaskLoop (dart:async/schedule_microtask.dart:49:5)
E/flutter (14972):
I/flutter (14972): setState() called after dispose(): ToolbarWidgetState#c9475(lifecycle state: defunct, not mounted)
I/flutter (14972): This error happens if you call setState() on a State object for a widget that no longer appears in the widget tree (e.g., whose parent widget no longer includes the widget in its build). This error can occur when code calls setState() from a timer or an animation callback.
I/flutter (14972): The preferred solution is to cancel the timer or stop listening to the animation in the dispose() callback. Another solution is to check the "mounted" property of this object before calling setState() to ensure the object is still in the tree.
I/flutter (14972): This error might indicate a memory leak if setState() is being called because another object is retaining a reference to this State object after it has been removed from the tree. To avoid memory leaks, consider breaking the reference to this object during dispose().
E/chromium(14972): [ERROR:aw_browser_terminator.cc(125)] Renderer process (15434) crash detected (code -1).
W/ImageReader_JNI(14972): Unable to acquire a buffer item, very likely client tried to acquire more than maxImages buffers
Describe the bug
Another issue is sometimes it shows the default toolbar even if you specified which buttons I want to show
From @blue492
Describe the bug
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Device:
Chome
Other context
Version:
html_editor_enhanced: ^2.0.1
Type question here.
My server accepts an argument of File so i can't upload images as bytes from my editor
Hello, i'm using the html-editor and ever when do upload image in text edditing an text is showed in the top left side from page saying "Find file - NameFile ". How i remove it? The image bellow show the message in my page.
My CustomHtmlEditor:
return Theme(
data: ThemeData(
primaryColor: Colors.red,
selectedRowColor: Colors.red,
textTheme: Theme.of(context).textTheme.apply(
bodyColor: Theme.of(context).primaryColor,
displayColor: Theme.of(context).primaryColor,
decorationColor: Theme.of(context).primaryColor,
)),
child: HtmlEditor(
controller: controller,
htmlEditorOptions: HtmlEditorOptions(
hint: "Escreva o texto aqui...",
initialText: initialText,
),
otherOptions: OtherOptions(
height: 400,
),
callbacks: Callbacks(
onChange: onChange,
),
htmlToolbarOptions: HtmlToolbarOptions(
buttonFocusColor: Theme.of(context).primaryColor,
buttonColor: Theme.of(context).primaryColor,
buttonBorderColor: Colors.black,
buttonFillColor: Theme.of(context).backgroundColor,
buttonSelectedColor: Theme.of(context).primaryColor,
dropdownFocusColor: Theme.of(context).primaryColor,
textStyle: Theme.of(context)
.textTheme
.caption!
.copyWith(color: Theme.of(context).primaryColor),
toolbarType: ToolbarType.nativeGrid,
defaultToolbarButtons: [
StyleButtons(),
FontSettingButtons(fontSizeUnit: false),
FontButtons(
clearAll: false, superscript: false, subscript: false),
ParagraphButtons(
increaseIndent: false,
decreaseIndent: false,
textDirection: false,
lineHeight: false,
caseConverter: false),
InsertButtons(
otherFile: false,
),
]),
),
);
We request you upgrade your package to Null Safety
Thank you.
I want to display the final output on the flutter web, but there is no option to display the final output... Can you help me on this
please
HtmlEditor(
controller:
_risk_controller, //required
htmlEditorOptions: HtmlEditorOptions(
hint: "Your text here...",
//initalText: "text content initial, if any",
),
otherOptions: OtherOptions(
height: 200,
),
),
base code and getting data function :
MaterialButton(
color: Colors.blue,
elevation: 4,
child: Text("Save Alert"),
onPressed: () async {
var risk = await _risk_controller.getText();
_appData.alert["content"]["risk"] = risk;
print(_appData.alert.toString());
//_appData.addAlert(context);
},
)```
after clicking on button don't get response.
Hi,
Is there a way to remove this dragbar at the bottom of HtmlEditor
and disable scrolling?
Hello, I have a problem, when I write in the text editor and scroll so that the editor is hidden, when scrolling back to the editor all content has been redesigned and the text disappears. How to solve this?
I'm build project with --web-renderer html
The video show how occur it:
The page code:
class AdminAddProjectPageMobile extends StatelessWidget {
@override
Widget build(BuildContext context) {
final supportStore = Provider.of<SupportStore>(context);
final teacherFirestore = Provider.of<TeacherFirestore>(context);
final _picker = ImagePicker();
final HtmlEditorController contentController = HtmlEditorController();
final projectFirestore = Provider.of<ProjectFirestore>(context);
final TextEditingController controllerParticipants =
TextEditingController();
final teacherStore = Provider.of<TeacherStore>(context);
return Observer(
builder: (ctx) {
teacherStore.listTeachers?? teacherStore.getTeachers();
print("xxx");
switch(teacherStore.listTeachers!.status){
case FutureStatus.pending:
return CustomLoading();
case FutureStatus.fulfilled:
List<Teacher> listTeachers = teacherStore.listTeachers!.value as List<Teacher>;
supportStore.createTeacherLocal(listTeachers, null);
return SingleChildScrollView(
child: Container(
width: MediaQuery.of(context).size.width,
padding: EdgeInsets.all(16.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
CustomTextFormField(
hintText: "Insira o titulo",
labelText: "Titulo",
maxCharacters: 30,
initialValue: supportStore.titleProject,
onChanged: (text) {
supportStore.updateTitle(text);
},
textInputType: TextInputType.name,
),
Observer(builder: (_) {
return supportStore.msgErrorTitle == ""
? Container()
: ErrorMsg(supportStore.msgErrorTitle);
}),
Padding(
padding: const EdgeInsets.all(8.0),
child: CustomText("Imagem titulo",
style: Theme.of(context).textTheme.headline6)),
Observer(
builder: (ctx) => Container(
decoration: supportStore.pathImage!.path != ""
? BoxDecoration(
image: DecorationImage(
image: NetworkImage(supportStore.pathImage!.path),
fit: BoxFit.fill,
))
: BoxDecoration(color: Colors.grey),
child: Row(children: [
supportStore.pathImage!.path != ""
? Expanded(
flex: 95,
child: Align(
alignment: Alignment.bottomLeft,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: AutoSizeText(
supportStore.titleProject,
minFontSize: 10,
style: Theme.of(context)
.textTheme
.headline3!
.copyWith(fontSize: 30),
),
),
),
)
: Expanded(flex:85,child: Container()),
Spacer(),
Expanded(
flex: 5,
child: InkWell(
child: Icon(Icons.folder),
onTap: () async {
PickedFile? image = await _picker.getImage(
source: ImageSource.camera);
supportStore.updatePath(image);
}),
),
]),
height: supportStore.pathImage!.path == "" ? 40 : 300,
),
),
Observer(builder: (_) {
return supportStore.msgErrorImage == ""
? Container()
: ErrorMsg(supportStore.msgErrorImage);
}),
CustomHtmlEditor(
padding: EdgeInsets.symmetric(vertical: 16.0),
controller: contentController,
onChange: supportStore.updateContent,
initialText: supportStore.htmlContent,
),
Observer(builder: (_) {
return supportStore.msgErrorContent == ""
? Container()
: ErrorMsg(supportStore.msgErrorContent);
}),
Center(
child: CustomText(
"Selecione os professores que participam do projeto",
style: Theme.of(context).textTheme.subtitle1),
),
Observer(builder: (_) {
return supportStore.msgErrorTeacher == ""
? Container()
: ErrorMsg(supportStore.msgErrorTeacher);
}),
Observer(
builder: (context) => ListView.builder(
itemCount: supportStore.teacherLocal.length,
shrinkWrap: true,
itemBuilder: (ctx, index) {
return CustomCheckBox(
title: supportStore.teacherLocal[index].name,
value: supportStore.teacherLocal[index].checked,
onChanged: (_) {
supportStore.updateTeacherLocal(
supportStore.teacherLocal[index], index);
});
})),
SizedBox(
height: 40,
),
Center(
child: CustomText("Escreva os alunos que participam do projeto",
style: Theme.of(context).textTheme.subtitle1),
),
Observer(builder: (_) {
return supportStore.msgErrorParticipants == ""
? Container()
: ErrorMsg(supportStore.msgErrorParticipants);
}),
CustomTextFormField(
controller: controllerParticipants,
textInputType: TextInputType.number,
hintText: "Digite o numero de participantes (Max. 10)",
labelText: "Numero de participantes",
),
CustomButton(
paddingButton: EdgeInsets.all(8.0),
expandButton: true,
text: "Gerar participantes",
onPressed: () {
supportStore.validateParticipant(controllerParticipants.text);
FocusScope.of(context).unfocus();
}),
Observer(builder: (_) {
return supportStore.msgErrorParticipantsSize == ""
? Container()
: ErrorMsg(supportStore.msgErrorParticipantsSize);
}),
Observer(
builder: (context) => ListView.builder(
shrinkWrap: true,
itemCount: supportStore.participantsLocal.length,
itemBuilder: (ctx, index) {
return CustomTextFormField(
textInputType: TextInputType.name,
onChanged: (value) =>
supportStore.updateParticipants(value, index),
hintText: "Nome Participante ${index + 1}",
labelText: 'Participante ${index + 1}',
);
},
),
),
CustomButton(
text: "Criar Projeto",
onPressed: () async {
if (supportStore.validate()) {
var result = await projectFirestore.addProject(
supportStore.titleProject,
supportStore.pathImage,
supportStore.htmlContent,
supportStore.getTeachers(),
supportStore.getParticipantsLocalFilled(),
projectFirestore.username);
supportStore.clearData();
VxNavigator.of(context)
.push(Uri.parse(RouteNames.ADMIN_PROJECTS));
if (result) {
CustomToast.showToast(
"Projeto cadastro com sucesso!!", Colors.green);
} else {
CustomToast.showToast(
"Não foi possivel cadastrar seu projeto, tente novamente mais tarde.",
Colors.red,
);
}
}
},
),
],
),
),
);
case FutureStatus.rejected:
return ErrorLoad(
color: Theme.of(context).primaryColor,
);
}
},
);
}
The code text editor:
class CustomHtmlEditor extends StatelessWidget{
final dynamic Function(String?)? onChange;
final String? initialText;
final HtmlEditorController controller;
final dynamic Function()? onInit;
final EdgeInsets padding;
final height;
CustomHtmlEditor(
{required this.onChange, this.initialText, required this.controller,this.onInit,this.padding=EdgeInsets.zero,this.height=400});
@override
Widget build(BuildContext context) {
return Container(
height: height,
child: Theme(
data: ThemeData(
primaryColor: Colors.red,
selectedRowColor: Colors.red,
textTheme: Theme.of(context).textTheme.apply(
bodyColor: Theme.of(context).primaryColor,
displayColor: Theme.of(context).primaryColor,
decorationColor: Theme.of(context).primaryColor,
)),
child: HtmlEditor(
controller: controller,
htmlEditorOptions: HtmlEditorOptions(
hint: "Escreva o texto aqui...",
initialText: initialText,
),
otherOptions: OtherOptions(
height: height,
),
callbacks: Callbacks(
onChange: onChange,
onFocus: ()=>print("focused"),onBlur: () {
FocusScope.of(context).unfocus();
},
),
htmlToolbarOptions: HtmlToolbarOptions(
mediaLinkInsertInterceptor:
(String url, InsertFileType type) {
print(url);
return true;
},
buttonFocusColor: Theme.of(context).primaryColor,
buttonColor: Theme.of(context).primaryColor,
buttonBorderColor: Colors.black,
buttonFillColor: Theme.of(context).backgroundColor,
buttonSelectedColor: Theme.of(context).primaryColor,
dropdownFocusColor: Theme.of(context).primaryColor,
textStyle: Theme.of(context)
.textTheme
.caption!
.copyWith(color: Theme.of(context).primaryColor),
toolbarType: ToolbarType.nativeGrid,
defaultToolbarButtons: [
StyleButtons(),
FontSettingButtons(fontSizeUnit: false),
FontButtons(
clearAll: false, superscript: false, subscript: false),
ParagraphButtons(
increaseIndent: false,
decreaseIndent: false,
textDirection: false,
lineHeight: false,
caseConverter: false),
InsertButtons(
otherFile: false,
),
]),
),
),
);
Describe the bug
defaultToolbarButtons not visible for all types.
To Reproduce
Steps to reproduce the behavior:
See screenshot below
Expected behavior
All toolbar options should be fitted for any dimensions available
Screenshots
Device:
Android emulator
Additional context
Version:
html_editor_enhanced: ^2.0.1
I think it used work fine in two versions prior this one.
Describe the bug
I can't run the application after importing the library, even though for configuration I have followed everything in "setup" but it got an error and it can't be run, and it not add the generated_plugin_registrant.dart file
Expected behavior
It should work well
Error
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:processDebugResources'.
> A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade
> Android resource linking failed
[My App path]/my_app_name/build/flutter_inappwebview/intermediates/library_manifest/debug/AndroidManifest.xml:7:5-11:15: AAPT: error: unexpected element <queries> found in <manifest>.
* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
* Get more help at https://help.gradle.org
BUILD FAILED in 33s
The build failed likely due to AndroidX incompatibilities in a plugin. The tool is about to try using Jetifier to solve the incompatibility.
Building plugin flutter_inappwebview...
FAILURE: Build failed with an exception.
* What went wrong:
Could not determine the dependencies of task ':compileReleaseAidl'.
> SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting the sdk.dir path in your project's local properties file at '/Users/evanezcent/Documents/INSTALLER/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_inappwebview-5.3.1+1/android/local.properties'.
* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
* Get more help at https://help.gradle.org
BUILD FAILED in 10s
2
Exception: The plugin flutter_inappwebview could not be built due to the issue above.
Flutter Doctor
[✓] Flutter (Channel stable, 2.0.2, on macOS 11.0.1 20B29 darwin-arm, locale en-ID)
• Flutter version 2.0.2 at /Users/evanezcent/Documents/INSTALLER/flutter
• Framework revision 8962f6dc68 (4 weeks ago), 2021-03-11 13:22:20 -0800
• Engine revision 5d8bf811b3
• Dart version 2.12.1
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
• Android SDK at /Users/evanezcent/Library/Android/sdk
• Platform android-30, build-tools 30.0.3
• Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 12.4, Build version 12D4e
• CocoaPods version 1.10.1
[✗] Chrome - develop for the web (Cannot find Chrome executable at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Android Studio (version 4.1)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)
[✓] Connected device (1 available)
• SM A205F (mobile) • RR8M40HTWBD • android-arm64 • Android 10 (API 29)
! Doctor found issues in 1 category.
Hello, i would like to know if the widget HtmlEditor has the limageDelete event.
How can I remove this option below in Image from the editor toolbar
First of all thank you for the wonderful work I really appropriate.
Whenever I am trying to uploading the files from editor file insertion it's crashing the application.
Type question here.
how can change direction to RTL by default?
and how can change language on values?
thanks
Hey you! Yes, you! If you'd like to see a particular feature please feel free to leave a comment and I'll look into adding it into the v2.0.0 release!
Before requesting, please see the v2.0.0 wiki for the current roadmap.
Roadmap updates will be available in the README.
Describe the bug
I'm getting null-aware operation warnings when running my app.
To Reproduce
Steps to reproduce the behavior:
Add build 2.1.1 of html-editor-enhanced, run app.
The following shows in the logs.
./../Development/flutter/.pub-cache/hosted/pub.dartlang.org/html_editor_enhanced-2.1.1/lib/src/widgets/toolbar_widget.dart:1830:74: Warning: Operand of null-aware operation '!' has type 'String' which excludes null.
result!.files.single.name!;
^
../../Development/flutter/.pub-cache/hosted/pub.dartlang.org/html_editor_enhanced-2.1.1/lib/src/widgets/toolbar_widget.dart:1982:74: Warning: Operand of null-aware operation '!' has type 'String' which excludes null.
result!.files.single.name!;
^
../../Development/flutter/.pub-cache/hosted/pub.dartlang.org/html_editor_enhanced-2.1.1/lib/src/widgets/toolbar_widget.dart:2134:74: Warning: Operand of null-aware operation '!' has type 'String' which excludes null.
result!.files.single.name!;
^
../../Development/flutter/.pub-cache/hosted/pub.dartlang.org/html_editor_enhanced-2.1.1/lib/src/widgets/toolbar_widget.dart:2286:74: Warning: Operand of null-aware operation '!' has type 'String' which excludes null.
result!.files.single.name!;
^
Could not find a set of Noto fonts to display all missing characters. Please add a font asset for the missing characters. See: https://flutter.dev/docs/cookbook/design/fonts
To Reproduce
Steps to reproduce the behavior:
Expected behavior
no errors under "Done"
Device:
Chrome
This is not critical in debug mode.
But, if I use "flutter build web" and run, I see that Controller.getText () doesn't work and the method immediately breaks down
I can't figure out how to ensure that the bottom toolbar is visible to the user if the screen height is less than the expected.
I tried to use scrollable views, but the editor become very small.
@override Widget build(BuildContext context) { HtmlEditorController controller = HtmlEditorController(); return Scaffold( appBar: CustomAppBar(title: "Ask ..."), resizeToAvoidBottomInset: true, body: SingleChildScrollView( child: Hero( tag: "question", child: Column( children: [ // ... some widgets, HtmlEditor( controller: controller, htmlToolbarOptions: HtmlToolbarOptions( toolbarPosition: ToolbarPosition.belowEditor, ), otherOptions: OtherOptions( height: 600, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(16)), border: Border.fromBorderSide( BorderSide(color: Color(4293717228), width: 8))), ), ) ], ), ), ), ); }
I want to add background color to the editor area which is grey color now. Is there any way to do so?
Thanks in advance.
Problem
When the user selects some text and wants to make it for example Heading 2 style, the dropdown menu expands behind the opened keyboard. This is not much usable, because the user can not select the options which are behind the keyboard.
Solution
It would be better if the whole dropdown menu would expand above the keyboard and if there is not enough space it would be a scrollable dropdown list or something like that.
Hello, i'm with an bug when open drawer and the buttons is above of the text editor. Not get click on button because the cursor stay like were editting (focused) text and when clicked is possible write text with drawer open. Is there a way to solve problem?
Inside the red box is not possible click on drawer buttons.
link of the example project that reproduces the problem: https://drive.google.com/file/d/1LRvKS8xs2-rtDHOjP99IWth7EPIx5FFq/view?usp=sharing
Hi,
I have a question regarding the focus of the editor. I couldn't figure out how to handle it, especially how to request or unfocus it programmaticaly. I tried controller.setFocus() and controller.clearFocus() but both did not seem to work.
Another question: Is it possible to define the keyboard type ?
Hi guys,
You made a beautiful package, I love this so much cause I can edit my html by flutter on my devices.
But I got a issue recently, when I export my html and read it by another package (flutter_html), the font element doesn't support cause they just support html5 . I have to change it to span element with style color and font-size to work normally.
I don't know if you have a function to export to html5 to support this case.
Describe the bug
click editor then cursor is at second line
To Reproduce
build it like my code(in Additional context) and click the editor
Expected behavior
click editor then cursor is at first line
Screenshots
Device:
android 9,real
Additional context
Expanded(
child: HtmlEditor(
controller: controller, //required
hint: "Your text here...",
options: HtmlEditorOptions(
height: 400,
),
),
)
flutter: FormatException: Invalid character (at character 5)
data:image/jpeg;base64,/9j/4Sq1RXhp....
Error while gettting image onImageUpload
Hello, and thanks for the great widget.
I have three tabs on a flutter web widget (within a scaffold/tabcontroller). Every tab hosts an HtmlEditor with its onw controller. Whenever I switch between tabs, the context of the editor gets lost and the initial value is restored (the widget is redrawn). Can I save the content and set the initial value on losing focus or is it possible to simply keep the changes cached? I had a look at the callbacks already and the settext methods, but I could not find any solution that suited my needs.
Your help would be greatly appreciated.
Thanks, casysso
I have a problem, when i hover over the IconButton or InkWell icon , the widget editor is restarted, but when using GestureDetector the problem does not occur. Is there a way to resolve this?
I'm run the project with --web-renderer=html.
Video showing the problem (Red is GestureDeteector and white is InkWell):
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.