quill_html_editor icon indicating copy to clipboard operation
quill_html_editor copied to clipboard

[BUG] The editor doesn't work

Open thcbk opened this issue 1 year ago • 3 comments

Describe the bug I can't enter the text or use any tool bar

To Reproduce Steps to reproduce the behavior:

  1. Go to https://pub.dev/packages/quill_html_editor
  2. Copy the example code and paste it to an empty main file of an empty flutter application
  3. Run flutter pub add quill_html_editor
  4. Run and debug in Google chrome

Expected behavior I should be able to enter some text and use the tool bar

Screenshots image

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.

thcbk avatar Sep 28 '23 04:09 thcbk

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 :)

the-airbender avatar Sep 28 '23 05:09 the-airbender

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 " After I press continue (F5) it continued to work. Any way it worked and I'm very happy to see it works because I will be able to use it in my project. Thank you very much! But could you mind to tell what is the cause of the above exception? Is there any problem with my system?

thcbk avatar Sep 28 '23 06:09 thcbk

Here is the exception but when I press F5 the quill editor continued to work normally image

thcbk avatar Sep 28 '23 06:09 thcbk