ใช้งาน fckeditor WYSIWYG editor สำหรับเว็บบอร์ด หรืออื่นๆ อย่างง่าย
21 December 2009ดาวน์โหลด fckeditor คลิก
แตกไฟล์ get-fckeditor.zip ก็อบปี้ โฟลเดอร์ fckeditor ไปไว้บน server ที่ตำแหน่ง /public_html หรือตำแหน่งอื่นๆ ตามต้องการ
การปรับแต่งการแสดงหากต้องการเพิ่มเติม ให้แก้ไขในไฟล์ fckconfig.js
ไฟล์ที่ดาวน์โหลด ปรับรูปแบบ toolbar เพิ่มมาให้ 2 รูปแบบ
1.Default ตัวต้นฉบับ
2.Basic ตัวต้นฉบับ
3.Normal
4.None
การใช้งาน WYSIWYG editor เป็นการเพิ่มความสามารถให้ textarea เมื่อมีการใช้ WYSIWYG editor จึงเหมือนกับ เป็นการใช้งาน textarea ทั่วไป ดังนั้นเมื่อเรากำหนดชื่อให้กับ WYSIWYG editor เป็น message เมื่ออยู่ในฟอร์ม และทำการส่ง ค่า ข้อมูลที่รับจาก WYSIWYG editor ก็คือตัวแปร $_POST['message'] หรือ $_GET['message'] ตามแต่ว่าส่งเป็นแบบ GET หรือ POST
การใช้งาน
<?php
include("fckeditor/fckeditor.php"); // เรียกใช้งานเพียงครั้งเดียว
$oFCKeditor = new FCKeditor('message') ; // กำหนดชื่อเป็น message หรืออื่นๆ ตามต้องการสำหรับเรียกใช้
$oFCKeditor->BasePath = "fckeditor/" ; // ตำแหน่งโฟลเดอร์ ของ fckeditor
$oFCKeditor->Width= 800 ; // ความกว้าง
$oFCKeditor->Height= 200 ; // ความสูง
$oFCKeditor->ToolbarSet ="Normal"; // รูปแบบ Toolbar อาจเป็น Default , Basic , Normal , None หรือ อื่นๆ
$oFCKeditor->Value ="" ; //
//$oFCKeditor->Value ="test" ; // กรณ๊กำหนดค่าเริ่มต้น หรือดึงข้อมูลจากฐานข้อมูล
$oFCKeditor->Create() ;
?>
นำโค้ดด้านบนไปวางแทนที่ textarea ใน form ที่ต้องการ กรณีใช้มากกว่า 1 อันในหนึ่งหน้า ตัวที่สองไม่ต้อง include ไฟล์ fckeditor/fckeditor.php อีก
บทความคนเข้าอ่านวันนี้
08 Nov 09 เทคนิค CSS แสดงข้อมูลแบ่งเป็น คอลัมน์ แทนการใช้ตาราง Table อ่าน 7452 26 Oct 08 เช็ค browser ด้วย javascript ได้ทั้ง IE Firefox Opera Chrome อ่าน 3920 25 Sep 08 การกำหนด selectors ด้วย jQuery แบบตัวกรอง Attribute อ่าน 2739 13 Oct 08 คำสั่ง SQL ORDER BY อ่าน 7207 25 Dec 09 สร้าง watermark ลายน้ำ ให้กับช่อง สำหรับการค้นหา ด้วย jQuery และ CSS อย่างง่าย อ่าน 3725 27 Jan 10 การใช้งาน jQuery.contains() ใน jQuery 1.4 อ่าน 2255 06 Jan 09 บวกวันใน javascript ด้วยฟังก์ชัน day add อย่างง่าย อ่าน 3826 21 Oct 10 ประยุกต์ ใช้ jQuery สร้างข้อความเลื่อนขึ้น เลื่อนลง คล้าย marquee แนวตั้ง อ่าน 2333 25 Sep 08 รู้จักฟังก์ชันของ jQuery ในการกำหนด Style Sheet อ่าน 3462 05 Jul 09 สร้างฟังก์ชัน autocomplete ให้ใช้งานแบบง่าย ด้วย ajax อ่าน 12892 29 Jul 10 สั่ง print preview ใน IE และ ประยุกต์กับ บราวเซอร์ อื่น อ่าน 3168 25 Sep 08 Functions ลบไฟล์ อ่าน 2372 08 Oct 08 คำสั่ง SQL DISTINCT อ่าน 4861 03 Jun 09 สร้างระบบ slide เลื่อนซ้าย ขวา ด้วย jquery อย่างง่าย อ่าน 13239 23 Mar 11 เทคนิค หน่วงเวลา กับ event keyup ด้วย jQuery อ่าน 1712 29 Nov 09 กำหนด hilight ของ cell ข้อมูลในตาราง ด้วย jQuery และ CSS อย่างง่าย อ่าน 2608 09 Oct 09 ขยายขนาดความสูงของ iframe ตามความสูงของเพจที่แสดง ด้วย jQuery อ่าน 3569 17 Mar 09 สร้างฟังก์ชันลบเวลาด้วย php อย่างง่าย อ่าน 2059 28 Oct 08 ฟังก์ชัน สร้าง ajax object ไว้ใช้งานอย่างง่าย อ่าน 3861 22 Mar 11 การกำหนด แท็ก html ในตัวแปร JavaScript อย่างง่าย อ่าน 1526
