quill_html_editor
quill_html_editor copied to clipboard
[BUG] The editor doesn't work
Describe the bug I can't enter the text or use any tool bar
To Reproduce Steps to reproduce the behavior:
- Go to https://pub.dev/packages/quill_html_editor
- Copy the example code and paste it to an empty main file of an empty flutter application
- Run flutter pub add quill_html_editor
- Run and debug in Google chrome
Expected behavior I should be able to enter some text and use the tool bar
Screenshots
Desktop (please complete the following information):
- OS: Windows
- Browser Chrome
- Version 117.0.5938.132
Flutter Doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.10.2, on Microsoft Windows [Version 10.0.19045.3448], locale en-US)
[√] Windows Version (Installed version of Windows is version 10 or higher)
[X] Android toolchain - develop for Android devices
X Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, please use
flutter config --android-sdk
to update to that location.
[√] Chrome - develop for the web [X] Visual Studio - develop for Windows X Visual Studio not installed; this is necessary for Windows development. Download at https://visualstudio.microsoft.com/downloads/. Please install the "Desktop development with C++" workload, including all of its default components [!] Android Studio (not installed) [√] Connected device (3 available) [√] Network resources
! Doctor found issues in 3 categories.
Hi @thcbk,
Thanks for reporting the issue.
If the toolbar is not clickable, it could be because the editor is disabled isEnabled: false
. Please check if this is set to true in the editor, if you still see the issue, could you please share a sample code to understand the issue better?
Thanks :)
Hi @thcbk,
Thanks for reporting the issue. If the toolbar is not clickable, it could be because the editor is disabled
isEnabled: false
. Please check if this is set to true in the editor, if you still see the issue, could you please share a sample code to understand the issue better?Thanks :)
Hello, I read your reply and found that the default value of isEnable is set to false. I set it to true and it worked but still produced an exception:
"Debugger: Error calculating Dart framesError: FormatException: Unsupported URI form: webpack://Quill/./core/selection.js? listening to
f
DOMException: Failed to execute 'setEnd' on 'Range': The offset 26 is larger than the node's length (1). webpack://quill/core/selection.js? 152:13 getBounds webpack://quill/core/selection.js? 299:25 scrollIntoView webpack://quill/core/quill.js? 358:20 scrollIntoView webpack://quill/core/quill.js? 192:10 focus about:srcdoc 2617:34
Here is the exception but when I press F5 the quill editor continued to work normally