วันพุธที่ 18 มิถุนายน พ.ศ. 2557

[SMF] การใส่ TextEditor สำหรับ smf เวอร์ชั่น 2++


จุดที่เป็นเอกลักษณ์ แต่บางคนอาจมองว่าเป็นจุดด้อยของ smf  อีกข้อหนึ่ง ก็คือ TextEditor 
ถ้าใครคิดภาพไม่ออกว่า TextEditor คืออะไร?
ผมจะสาธยายให้ฟัง..

TextEditor  ก็คือ ฟอร์มสำหรับตั้งหรือตอบกระทู้นั่นแหละครับ ที่อื่นเขามีฟอร์มโพสต์ง่ายๆ ใช้คำสั่ง html หรือใช้ตัวหนา ตัวหนา ใส่ลิงค์ก็ง่ายๆ เบสิกๆ แต่พี่ SMF เรานั่นไม่
แกใช้ bbccode  มีความเป็นเอกลัษณ์ของเอกบุรุษ แต่สร้างความยุ่งยากสำหรับคนที่ไม่่ชินอยู่ไม่น้อย

วันนี้เลยขอเสนอ TextEditor ที่จะช่วยให้การโพสต์ข้อความง่ายขึ้น เหมือนชาวบ้านมากขึ้น
มันคือ  CKEditor  http://ckeditor.com/demo

ตัวนี้ใช้ง่ายแสนง่ายครับ

ขั้นตอนที่ 1. ไปดาวน์โหลดมาก่อนเลยที่  http://ckeditor.com/download

ขั้นตอนที่ 2. เอา ckeditor  ที่ดาวน์โหลดมาแล้วไปไว้ที่โฟลเดอร์ธีมของเรา \Themes\YourTheme_naja

ขั้นตอนที่ 3. เปิดไฟล์ Post.template.php ใน \Themes\default เสร็จแล้ว Save as.. ไปไว้ที่โฟลเดอร์ธีมของเรา  \Themes\YourTheme_naja

ขั้นตอนที่ 4. เปิดไฟล์  Post.template.php ในโฟลเดอร์ธีมของเรานะครับ ไม่ใช่ธีม default เพื่อไม่ให้กระทบกับธีมหลัก แล้วหาคำว่า

// Finally, the submit buttons.
echo '
 
 เพิ่มโค๊ดนี้เข้าไปต่อท้าย คำที่ค้นหา

<script type="text/javascript" src="',$settings['theme_url'],'/ckeditor/ckeditor.js"></script>
    <script src="',$settings['theme_url'],'/ckeditor/samples/sample.js" type="text/javascript"></script>
    <link href="',$settings['theme_url'],'/ckeditor/samples/sample.css" rel="stylesheet" type="text/css" />

ขั้นตอนที่ 5. เปิดไฟล์ GenericControls.template.php ใน\Themes\default  ค้นหาคำว่า
<textarea class="editor"
ใส่คำนี้ไปแทน
<textarea class="ckeditor"

ขั้นตอนที่ 6 . เปิดไฟล์ Subs-Post ในโฟลเดอร์ Sources
หา $message = strtr(implode('', $parts), array('  ' => '  ', "\n" => '
',

แทนที่ด้วยคำสั่งนี้
$message = strtr(implode('', $parts), array('  ' => ' ', "\n" => '
', '&lt;' => '<', '<' => '<', '&gt;' => ">", '>' => '>', '"' => '"', '&nbsp;' => ' ', '&ldquo;' => '“', '&rdquo;' => '”',

เป็นอันเสร็จพิธีครับ

ปล. วิธีนี้ผมทดสอบใช้กับเวอร์ชั่น 2.0.7 หากจะใช้กับเวอร์ชั่นต่ำกว่านี้ ลองเข้าไปดูวิธีได้ที่   http://htmlthai.com/index.php?topic=597.0


ที่มา http://htmlthai.com/index.php?topic=597.0




ไม่มีความคิดเห็น:

แสดงความคิดเห็น