ใช้งาน 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 อีก








บทความในหมวดที่่น่าสนใจ อื่นๆ PHP Learning

18 Sep 10 ดึงข้อมูล จากฐานข้อมูล สร้าง รายการเครือข่าย แบบ tree ด้วย php อ่าน 2626 03 Sep 10 จัดรูปแบบ url ลิ้งค์ link ด้วย เทคนิค php ได้อย่างง่าย อ่าน 2423 25 Sep 08 หลักการเข้ารหัสด้วยฟังก์ชั่น md5 อ่าน 2422 05 Jun 09 สร้างฟังก์ชัน แสดงการสุ่มเลือกตัวอักษร random ด้วย php อย่างง่าย อ่าน 2420 10 Oct 10 การใช้งาน stream.publish ของ facebook Old REST API ด้วย php sdk อ่าน 2416 10 Nov 08 สร้างฟังก์ชันเขียนไฟล์ด้วย PHP อ่าน 2411 25 Sep 08 Functions ลบไฟล์ อ่าน 2372 25 Sep 08 PHP MySQL connecting script and function อ่าน 2370 25 Sep 08 เอาข้อมูลใน mysql ออกมาเป็น text ไฟล์ อ่าน 2360 23 Aug 10 Integrate ใช้ Filemanager ของ FCKeditor กับ CKEditor แทน CKFinder อ่าน 2291 25 Sep 08 ฟังก์ชันแปลงความกว้างความสูงของรูปภาพ หรือ สร้าง thumbnail อ่าน 2275 09 Jul 10 เพิ่มความเร็ว ให้กับการ cache ด้วย jquery ajax และ php cache class อ่าน 2265 12 Nov 10 ประยุกต์ php ฟังก์ชัน time() อย่างง่าย กับการแสดง เงื่อนไข ช่วงเวลา อ่าน 2264 19 Nov 10 ทางเลือก อัพโหลดไฟล์ใน ckeditor ด้วย ajax file manager อ่าน 2153 07 Oct 10 การใช้ php sdk เรียกใช้งาน graph api ใน facebook แบบระบุส่วนของข้อมูล อ่าน 2141

บทความคนเข้าอ่านวันนี้

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
จำนวนผู้เยี่ยมชม 777880
คน 2012 © Copyright ninenik.com. All rights reserved.