Get Adobe Flash player

แนะนำ ng-quill สำหรับทำ Text Editor แบบ wysiwyg บน AngularJS

ng-quill เป็น Library ที่ช่วยในการทำ Text Editor บน Web Application แบบ wysiwyg บน Framework AngularJS โดยตัวมันเองจะดึงเอา Library ที่ชื่อว่า Quill มาใช้งาน ผ่าน Directive และ Model ของ AngularJS

ความต้องการเริ่มต้นต้องทำการ Load JavaScript ที่จำเป็นประกอบด้วย

  1. AngularJS
  2. Quill
  3. ng-quill (JS + CSS)

จากนั้นให้แทรก Module “ngQuill” เข้าสู่ AngularJS

การเรียกใช้จะเรียกใช้ผ่าน Directive และผลลัพธ์จะอยู่ที่ Model โดยสามารถอ่าน Document ของ Quill ประกอบ

ผลลัพธ์บนหน้าจอ ด้านบนจะเป็น Expression แสดงข้อมูลของ Model ด้านล่างจะเป็น Text Editor

Leave a Reply

Your email address will not be published. Required fields are marked *