[BUG] Text area not loading ; quilljs are getting blocked

[sreejithswamidas]

Environment

Please provide as many details as you can:

• Hosting type
  • [ ] Form.io
  • [x] Local deployment
    • Version: 3.x
• Formio.js version:3.x
• Frontend framework: Angular
• Browser: Chrome
• Browser version: 60+

Steps to Reproduce

1. If the text area is WYSIWYG Editor formio is calling quilljs api s to get the js and css files
2. In some of the networks those calls are getting blocked.

Expected behavior

Observed behavior

Example

1. If the text area is WYSIWYG Editor formio is calling quilljs api s to get the js and css files
2. In some of the networks those calls are getting blocked.

[aiwebb]

@sreejithswamidas, can you confirm the full URLs of those requested files? e.g. https://cdn.form.io/quill/1.3.6/quill.min.js

[sreejithswamidas]

@aiwebb https://cdn.form.io/quill/1.3.6/quill.min.js https://cdn.form.io/quill/1.3.6/quill.min.css

[randallknutson]

Are you using CSP or anything that could be blocking those urls? You can also include quill source code manually on the page and it will skip loading from those urls.

[sreejithswamidas]

@randallknutson Where should I add these source files because these apis are getting called from angular-formio node module

[travist]

You can just import the Quill library into your application, and then use the following in your main module file.

import 'quill';

This should force your application to include the Global quill object which will skip the dynamic loading via URL.

[shahzadiiui2015]

How i can get access to the Quill editor from angular component?

[Sidiro23]

Closing this thread as it is outdated. Please re-open if it is still relevant. Thank you for your contribution!