การติดตั้ง Spaw editor P2

วันอาทิตย์ที่ 29 มีนาคม พ.ศ. 2558

การติดตั้ง Spaw editor P2

เขียนโดย คุณชาย ที่ 17:02

มาลองรัน script ที่ได้ดาวน์โหลดไปดู เปิดเว็บเบราเซอร์ขึ้นมา พิมพ์ที่ address ว่า http://localhost/wysiwyg หรือhttp://localhost/ชื่อโฟลเดอร์wysiwyg ของคุณ เนื่องจากไฟล์ที่ผมทำให้ไปไม่ได้ทำ index ไว้ เมื่อเรียกใช้งาน จะปรากฏดังรูปข้างล่างนี้
โดยที่ไฟล์ demo_spawx.php ทั้ง 6 ไฟล์จะเป็นรูปแบบของ spaw editor ของแต่ละแบบทั้งหมด 6 แบบ และ ไฟล์ output_spawx.php อีก 6 ไฟล์ จะเป็นไฟล์ที่แสดงผล output เมื่อเรา submit ฟอร์มของ spaw editor แต่ละแบบทั้งหมด 6 แบบส่วนโฟลเดอร์ spaw เป็นโฟลเดอร์ที่เก็บไฟล์ทั้งหมดของ Spaw editor ครับ และโฟลเดอร์ Uploads เป็นที่เก็บรูป เมื่อเวลาเราทำการอัพโหลดรูปไปไว้ เพื่อเรียกใช้งานได้ถูกต้อง

แบบที่ 1 ชื่อไฟล์ demo_spaw1.php อย่างที่ผมได้กล่าวเอาไว้ข้างต้น เมื่อเราเอา spaw editor ไปใช้งาน จำเป็นต้องเอาโค้ดข้างล่างนี้ไปใส่ในไฟล์นั้นๆด้วย แล้วอย่าลืมแก้ไข path ของ spaw editor ด้วย ตรง $spaw_root ซึ่งโค้ดส่วนนี้จะเปรียบเทียบกับการ include(); ไฟล์เพื่อเรียกเข้ามาใช้งานร่วมด้วยครับ

<?php
// this part determines the physical root of your website
// it’s up to you how to do this
if (!ereg(‘/$’, $HTTP_SERVER_VARS['DOCUMENT_ROOT']))
$_root = $HTTP_SERVER_VARS['DOCUMENT_ROOT'].’/';
else
$_root = $HTTP_SERVER_VARS['DOCUMENT_ROOT'];
define(‘DR’, $_root);
unset($_root);
// set $spaw_root variable to the physical path were control resides
// don’t forget to modify other settings in config/spaw_control.config.php
// namely $spaw_dir and $spaw_base_url most likely require your modification$spaw_root = DR.’wysiwyg/spaw/';
// include the control file
include $spaw_root.’spaw_control.class.php';
// here we add some styles to styles dropdown
$spaw_dropdown_data['style']['default'] = ‘No styles';
$spaw_dropdown_data['style']['style1'] = ‘Style no. 1′;
$spaw_dropdown_data['style']['style2'] = ‘Style no. 2′;
?>

หลังจากนั้นให้ทำเราเรียกใช้งานฟอร์ม จากตัวอย่างนี้จะเป็นการเรียกใช้งาน spaw editor แบบที่ 1 จะต้องใส่โค้ดข้างล่างนี้ ให้อยู่ใน form<form name=”form1″ method=”post” action=””> โค้ด Spaw editor </form>

<?php
$sw = new SPAW_Wysiwyg(‘spaw1′,stripslashes($HTTP_POST_VARS['spaw1']) /*value*/);
$sw->show();
?>

อย่างที่บอกว่า spaw editor ตัวนี้จะเอามาใช้แทน taxt area ซึ่ง taxt area เวลาเรากำหนดชื่อให้มันคือ <textarea name=”ชื่อ” value=”ค่า”></textarea>

แต่สำหรับการกำหนดชื่อของ spaw editor ตัวนี้จะเป็นรูปแบบนี้ครับ

SPAW_Wysiwyg(
$control_name=’spaweditor’, // control’s name
$value=”,                  // initial value
$lang=”,                   // language
$mode = ”,                 // toolbar mode
$width=’100%’,              // width
$height=’300px’,            // height

)

อธิบายต่ออีกนิด$control_name เป็นชื่อของ Form Control spaw editor
$value เป็นค่าของ spaw editor ส่วนเรื่องของตัวแปรระบบ php อย่างตัว HTTP_POST_VARS ที่เอามาใช้จะเป็น Array ของข้อมูลที่ได้รับผ่าน POST Method ของ Web
$lang คือ ภาษาที่เราจะใช้ ซึ่ง spaw editor เค้าทำเอาไว้รองรับหลายภาษา ถ้าเราไม่ใส่ตรงนี้ก็ไม่เป็นไรครับ เพราะค่า default ของมันจะเป็น ภาษาอังกฤษ ให้อยู่แล้ว
$mode เป็นรูปแบบ Toolbar mode ที่เราเรียกใช้งานว่าจะให้มันแสดงผล Layout เป็นแบบไหน
$width ความกว้างของ Spaw editor ถ้าเราไม่ได้กำหนด โปรแกรมจะตั้งค่า Default ไว้ 100%.
$height ความสูงของ Spaw editor ถ้าเราไม่ได้กำหนด โปรแกรมจะตั้งค่า Default ไว้ 300 pixels.

ดังโค้ดรูปแบบที่ 1 ข้างล่างนี้

<?php
$sw = new SPAW_Wysiwyg(‘ชื่อ’,stripslashes($HTTP_POST_VARS['ค่า']) /*value*/);
$sw->show();
?>

เมื่อถูกต้องเรียบร้อยแล้ว ให้ลองรันไฟล์นี้ดู ถ้าถูกต้องจะปรากฏ spaw editor แบบที่ 1 ดังรูปข้างล่างนี้ครับ