ด้วยความที่อยากหา Editor เทพๆ สักตัวมาใช้ในการเขียนบทความลงบล็อก ซึ่งก่อนหน้านี้ตอนใช้ Drupal ก็ได้ใช้ CKEditor (ติดตั้งแบบ Module ใน Drupal) มาก่อนซึ่งถือว่าตอบโจทย์ได้ดีทีเดียว ก็เลยคิดจะเอามาใช้ในเว็บนี้ ตอนแรกก็คิดอยู่เหมือนกันว่ามันจะยุ่งยากรึป่าว ซึ่งตอนนี้บอกได้เลยว่ามันง่ายโครตๆ แค่บรรทัดเดียวเท่านั้น
ก่อนอื่นขออธิบายก่อนหละกันว่า WYSIWYG คืออะไร WYSIWYG หรือที่อ่านกันว่า วิซซีวิก นั้นย่อมาจาก What You See Is What You Get ซึ่งก็ในทางคอมพิวเตอร์จะหมายถึง ระบบเนื้อหาระหว่างการแก้ไข และเนื้อหาเมื่อแก้ไขเสร็จแล้วมีหน้าตาและรูปแบบเดียวกัน (จาก Wiki)
เอาหละเริ่มกันเลยละกัน ก่อนอื่นก็ไปดาวน์โหลด CKEditor ได้จาก http://ckeditor.com/download จากนั้นเราก็จะได้ไฟล์ ckeditor_3.6.zip มา ก็ทำการแตกไฟล์ให้เรียบร้อย
สำหรับตัวอย่างในการใช้งานและการ config ต่างๆ ก็ดูได้จากในโฟลเดอร์ _samples ครับ ข้ามมาถึงวิธีก่อนติดตั้งใช้งานเลยละกัน ก่อนผมอื่นผมก็จะทำการลบ โฟลเดอร์ _samples และ _source ทิ้งไปก่อน จากนั้นก็อัพโหลดโฟลเดอร์หลักนั้นก็คือ ckeditor เข้าไปใน Server ของเรา
ก่อนอื่นเลยก็ใส่ทำการเรียกไฟล์ ckeditor จากไดเรคทอรี่ที่คุณอัพด้วย code ข้างล่างนี้ ใส่ลงในไฟล์ HTML ของคุณ
- <script src="ckeditor/ckeditor.js" type="text/javascript"></script>
วิธีแรกก็คือกำหนด Class="ckeditor" ใน textarea ของคุณ
- <textarea name="editor1" class="ckeditor"></textarea>
- CKEDITOR.replace( 'textarea_id' );
ดู Demo ได้ที่ http://ckeditor.com/demo
ไม่มีความคิดเห็น:
แสดงความคิดเห็น