In Search of HTML editor

เราใช้ปุ่มอะไรกันบ้างใน HTML WYSIWYG editor ของ textarea



เก็บ use case ส่วนตัว เขียนออกมาเป็น requirement ได้ดังนี้

  • Bold
  • Italic
  • Underline
  • Link (/w dialog)
  • Removelink/Get back to plain text
  • Insert Picture (/w dialog)
  • Left Align
  • Center Align
  • Right Align
  • Ordered List
  • Unordered List
  • Quote (blockquote)
  • Highlight (color picker is not needed but prefered)
  • View Source
  • Paste as Unformatted Text

รวม 15 ปุ่ม พอยัดลง toolbar แถวเดียวได้สบาย

Note

  • จริงๆ Italic ก็แทบไม่ใช้ เพราะตัวภาษาไทยทำ italic ไม่สวย แต่ยกมาเป็นเซ็ตดีกว่า
  • Justify ไม่เหมาะกับภาษาไทย
  • Paste ปกติใน WYSIWYG มักได้ style ติดมา (ไม่ต้องการ) ทางแก้ง่ายๆ คือสลับไป paste ในโหมด HTML แล้วสลับกลับ แต่ไม่ค่อยสะดวกเท่าไร
  • Quote กับ Highlight เป็น predefine style ที่ใช้บ่อย Quote สามารถกำหนดได้ในสไตล์ชีต ส่วน highlight จริงๆ เราเลือกซักสีที่ชอบ แล้วไม่ต้องมี color picker ให้ยุ่งยาก ก็โอเคแล้ว

คราวหน้ามาเทสต์ว่า WYSIWYG ตัวไหนผ่าน requirement บ้าง

Keyword
Submitted byjrp13thon Fri, 02/10/2006 - 17:53

Paste ปกติใน WYSIWYG มักได้ style ติดมา
// ผมชอบเอาไปล้างน้ำใน โนตเพ็ดก่อน แล้วค่อยมาแปะ

รอฟังผลเทสครับ ^ ^