PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

ใช้งาน fckeditor WYSIWYG editor สำหรับเว็บบอร์ด หรืออื่นๆ อย่างง่าย

21 December 2009 By




ดาวน์โหลด 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 อีก


Tags:: editor fckeditor





URL สำหรับอ้างอิง