Brave Search

stackoverflow.com › questions › 60136235 › how-to-install-quill-js-in-angular

Follow these simple steps to install quilljs in Angular application

Install the below packages

npm install quill npm install ngx-quill npm install @types/quill

Add the below css files in angular.json file.

"styles": ["./node_modules/quill/dist/quill.core.css",
    "./node_modules/quill/dist/quill.bubble.css",
    "./node_modules/quill/dist/quill.snow.css",
    "src/styles.css",
]

Add the below module in app.module.ts file under

`QuillModule.forRoot({
      customOptions: [{
        import: 'formats/font',
        whitelist: ['mirza', 'roboto', 'aref', 'serif', 'sansserif', 'monospace']
      }]
})`

Add the below code in app.component.html.

<quill-editor [styles]="{height: '200px'}"></quill-editor>

I have created Stackblitz demo here.

Answer from Sathiamoorthy on Stack Overflow

npm

npmjs.com › package › ngx-quill

ngx-quill - npm

Angular components for the easy use of the QuillJS richt text editor.. Latest version: 30.0.1, last published: 3 months ago. Start using ngx-quill in your project by running `npm i ngx-quill`. There are 161 other projects in the npm registry using ngx-quill.

      » npm install ngx-quill

Published Dec 03, 2025

Version 30.0.1

Author Bengt Weiße

Repository https://github.com/KillerCodeMonkey/ngx-quill

Homepage https://github.com/KillerCodeMonkey/ngx-quill

npm

npmjs.com › package › ngx-quill-editor

ngx-quill-editor - npm

September 28, 2017 - Quill editor component for Angular. Latest version: 2.2.2, last published: 8 years ago. Start using ngx-quill-editor in your project by running `npm i ngx-quill-editor`. There are 5 other projects in the npm registry using ngx-quill-editor.

      » npm install ngx-quill-editor

Published Sep 28, 2017

Version 2.2.2

Author Surmon

Repository https://github.com/surmon-china/ngx-quill-editor

Homepage https://github.com/surmon-china/ngx-quill-editor#readme

Discussions

angular6 - how to install Quill.js in Angular - Stack Overflow

Sorry, my understanding of how packaging works in Angular is terrible!! I want to use a WYSIWYG editor in my Angular6 application. I have zeroed down to quill.js. https://quilljs.com/docs/quickstar... More on stackoverflow.com

stackoverflow.com

quill - How to use Quilljs Editor in Angular 15 Project - Stack Overflow

I have trouble integrating a quilljs editor in my angular 15 web project. I firstly installed the dependencies with the following commands, which worked fine: npm install ngx-quill@latest npm ins... More on stackoverflow.com

stackoverflow.com

Ngx-Quill

Sounds like a bug. If it is, open an issue and ask the maintainer, he is a good guy. More on reddit.com

r/angular

February 1, 2023

Errors after installing ngx-quill

this is the guide i used. i also used this question's accepted answer but got npm ERR! code ENOENT after running npm i types/quill@1, so ran npm i @types/quill@1 and it seemed to work but the errors did not go away. More on reddit.com

r/Angular2

August 25, 2022

Videos