ดาวน์โหลด quill - ดาวน์โหลด quill ซอร์สโค้ด

quill

ซอร์สโค้ดอื่น ๆ

Version 2.0.2

ดาวน์โหลด

โปรแกรมแก้ไขข้อความ Quill Rich

เอกสารประกอบ • การพัฒนา • การสนับสนุน • สนามเด็กเล่นแบบโต้ตอบ

Quill เป็นโปรแกรมแก้ไข Rich Text สมัยใหม่ที่สร้างขึ้นเพื่อความเข้ากันได้และความสามารถในการขยาย สร้างขึ้นโดย Jason Chen และ Byron Milligan และได้รับการดูแลอย่างแข็งขันโดย Slab

ในการเริ่มต้น โปรดดูที่ https://quilljs.com/ เพื่อดูเอกสาร คำแนะนำ และการสาธิตสด!

เริ่มต้นอย่างรวดเร็ว

สร้างอินสแตนซ์ของวัตถุ Quill ใหม่ด้วยตัวเลือก CSS สำหรับ div ที่ควรเป็นตัวแก้ไข

 <!-- 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 >

ดูที่เว็บไซต์ Quill เพื่อดูเอกสาร คำแนะนำ และสนามเด็กเล่นสดเพิ่มเติม

ดาวน์โหลด

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 >