quill
Version 2.0.2
Documentação • Desenvolvimento • Contribuição • Playground Interativo
Quill é um editor de rich text moderno desenvolvido para compatibilidade e extensibilidade. Foi criado por Jason Chen e Byron Milligan e mantido ativamente pela Slab.
Para começar, confira https://quilljs.com/ para documentação, guias e demonstrações ao vivo!
Instancie um novo objeto Quill com um seletor css para o div que deve se tornar o editor.
<!-- Include Quill stylesheet -->
< link
href =" https://cdn.jsdelivr.net/npm/quill@2/dist/quill.snow.css "
rel =" stylesheet "
/>
<!-- Create the toolbar container -->
< div id =" toolbar " >
< button class =" ql-bold " > Bold </ button >
< button class =" ql-italic " > Italic </ button >
</ div >
<!-- Create the editor container -->
< div id =" editor " >
< p > Hello World! </ p >
< p > Some initial < strong > bold </ strong > text </ p >
< p > < br /> </ p >
</ div >
<!-- Include the Quill library -->
< script src =" https://cdn.jsdelivr.net/npm/quill@2/dist/quill.js " > </ script >
<!-- Initialize Quill editor -->
< script >
const quill = new Quill ( "#editor" , {
theme : "snow" ,
} ) ;
</ script >
Dê uma olhada no site do Quill para mais documentação, guias e playground ao vivo!
npm install quill
<!-- Main Quill library -->
< script src =" https://cdn.jsdelivr.net/npm/quill@2/dist/quill.js " > </ script >
<!-- Theme included stylesheets -->
< link
href =" https://cdn.jsdelivr.net/npm/quill@2/dist/quill.snow.css "
rel =" stylesheet "
/>
< link
href =" https://cdn.jsdelivr.net/npm/quill@2/dist/quill.bubble.css "
rel =" stylesheet "
/>
<!-- Core build with no theme, formatting, non-essential modules -->
< link
href =" https://cdn.jsdelivr.net/npm/quill@2/dist/quill.core.css "
rel =" stylesheet "
/>
< script src =" https://cdn.jsdelivr.net/npm/quill@2/dist/quill.core.js " > </ script >
Obtenha ajuda ou mantenha-se atualizado.
Cláusula 3 do BSD