How to use Quill Editor in Angular Application

Подписаться 482

Просмотров 13 тыс.

50% 1

Version details :-
Angular CLI: 8.3.20
Node: 12.13.1
Command to install bootstrap3 & jquery :-
npm install bootstrap@3 jquery --save
Command to install quill :-
npm install ngx-quill
Command to install quill version 1.3.7 :-
npm install --save quill@1.3.7
Dependencies :-
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/quill/dist/quill.core.css",
"./node_modules/quill/dist/quill.snow.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"./node_modules/quill/dist/quill.min.js"
]
#quill #editor #angular #typescript #WYSIWYG #youtube #developer #angular8 #software #engineer #coder #javascript #jQuery #html
#chinmaychhatre

Наука

Опубликовано:

22 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 40

@sabrinaaitmaksene3269 3 года назад

Thank you. After a long day of searching I found this and it works perfectly

@chinmaychhatre 3 года назад

Thanks & keep supporting .. 🤝

@mahesh14332 7 месяцев назад

Really very useful to me. Thanks you so much for great explanation.

@chinmaychhatre 2 месяца назад

Glad it was helpful

@bharathg6049 3 года назад

Superb! I tried and I feel this is the easiest one! thank you so much for a great explanation...

@chinmaychhatre 3 года назад

Thanks buddy ..

@sixtoortega138 3 года назад

Thanks bro, it was very useful to me, just what I was looking for

@chinmaychhatre 3 года назад

thanks buddy 👍🙌

@rudrakkumar9960 3 года назад

Superb bro I was trying it for hours and was getting errors. but this video helped me to do it in 20/30 minutes.

@chinmaychhatre 3 года назад

thanks buddy 👍🙌

@Poprostujaola 3 года назад

Thank you. Nicely described.

@chinmaychhatre 3 года назад

Pleasure, subscribe for more such videos.

@lucasdrago5342 3 года назад

Vídeo perfeito, ajudou muito, obrigado! :D Perfect video, that help me a lot, thank you! :D

@chinmaychhatre 3 года назад

obrigado pelo elogio. :D continue apoiando ;) thanks for the compliment. :D keep supporting ;)

@AdrianGonzalez-zp3vd 2 года назад

Great video, cachon Thanks a lot

@chinmaychhatre 2 года назад

Thanks, Buddy. Keep supporting

@kayodeolaniyi3566 2 года назад

Thanks man.

@chinmaychhatre 2 года назад

Happy to help. 👍

@aartichhatre600 2 года назад

Usefull stuff, Thanks

@chinmaychhatre 2 года назад

You're welcome!

@ronaldodurandluna8617 3 года назад

no me muestra nada :/

@me-eu4ic 2 года назад

Thank you 👍👍

@chinmaychhatre 2 года назад

Thanks buddy

@faustomaluf2462 3 года назад

Hello, ihave the following question how do i render quill content from my database to a view component? can someone help me with that configuration?

@chinmaychhatre 3 года назад

You can convert quill style classes to the general html styles and pass it to innerHtml to render the view.

@vamshidondapati1219 4 года назад

Hey. Have you tried to output a code block ?. Is that working fine for you ?... somehow the black background is missing for me while displaying the code output..

@rogermontilla 4 года назад

use this:

@chinmaychhatre 3 года назад

nope. I haven't tried that

@kakmca 3 года назад

Hi Chinmay, Thank you for your nice post. Is this the one and only video published by you, or any more? Please let me know.

@chinmaychhatre 3 года назад

most welcome ashok, few things are in pipeline stay tuned

@gabrielandrade7960 3 года назад

Angular can not found QuillModule from ngx-quill

@chinmaychhatre 3 года назад

use below command, to install Quill Module. Check description section for more info. npm install ngx-quill

@andremesquita5587 3 года назад

is it possible to copy and paste a table in this component?

@chinmaychhatre 3 года назад

Yes, it is possible to copy & paste table.

@sravaninallabelli1251 2 года назад

Hi how can we upload documents or files using quill editor please tell me

@chinmaychhatre 2 года назад

Hi, Please checkout below link. www.npmjs.com/package/quill-upload

@sravaninallabelli1251 2 года назад

@@chinmaychhatre make one video on uploading documents like PDFs or words please

@snasrinivas 2 года назад

hi, i have installed @types/quill, ngx-quill, quill still i am getting this error Module '"quill"' has no exported member 'Delta'. Did you mean to use 'import Delta from "quill"' instead? import QuillType, { Delta } from 'quill'; Can you please help me in solving this error

@chinmaychhatre 2 года назад

looks like version mis-match, please watch the video & use the commands attached in desciption section.