question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

quill not displaying

See original GitHub issue

Neither the quill-editor or quill-view display anything.

angular v11 ngx-quill v13

package.json

"dependencies": {
  "@angular/common": "11.0.0",
  "@angular/core": "11.0.0",
  "@angular/forms": "11.0.0",
  "@angular/platform-browser": "11.0.0",
  "ngx-quill": "13.0.0",
  "rxjs": "6.3.3",
  ...
"devDependencies": {
  ...
  "quill": "^1.3.7"

style.scss

@import '~quill/dist/quill.core.css';
...

app.module.ts

imports: [
  ...
  QuillModule.forRoot()

my-component.html

<p>{{faq.answer}}</p>
<quill-view [content]="faq.answer"></quill-view>
<quill-editor [(ngModel)]="faq.answer"></quill-editor>

image

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
sergeyglazyrindevcommented, Feb 1, 2022

hey @KillerCodeMonkey I’ve figured it out. Now it works in my project, the issue was I didn’t import it in whole module hierarchy. the project is really complicated… Thank you for the help!

1reaction
vrxj81commented, Jan 26, 2022

I only see you importing the core.css, also import the snow.css (snow is the default theme)

Read more comments on GitHub >

github_iconTop Results From Across the Web

Quill text editor is not working - Stack Overflow
You need to initialize the Quill editor after you have created the container ( <div id="editor"> ). On a side note, I would...
Read more >
Cannot get html displaying in quill-editor · Issue #404 - GitHub
Quill is using CSS classes dir Styling and mit inline Styling and in it only allows known Formats / Tags. So you cannot...
Read more >
How to migrate from Quill editor to TinyMCE
All the aspects and steps of migration from Quill JS to TinyMCE rich text editor in one place.
Read more >
How to Customize Quill - Quill Rich Text Editor
Quill is a free, open source WYSIWYG editor built for the modern web. Completely customize it for any need with its modular architecture...
Read more >
Quill Editor icons are not working in Laravel - Laracasts
Quill Editor icons are not working in Laravel ... Please take a look at the above image. Quill editor is giving me this...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found