[attach=1]
smf เพิ่มแถบเครื่องมือ ไฮไลท์ บนแถบ Editor (อ่านให้ดี มีต่อยอด...)
(http://www.gpsteawthai.com/Themes/image-board-smf/katoo-1308_01.png)
การทำจะมีสามขั้นตอน ขอให้ท่านอ่านให้ละเอียด จะได้ไม่เสียเวลา
ขั้นตอนที่1
เป็นการตรวจสอบว่าบอร์ดของท่าน มีการเปิดใช้งานไฮไลท์ไว้แล้วหรือยัง ตามภาพด้านล่างนี้
(http://www.gpsteawthai.com/Themes/image-board-smf/katoo-1308_03.jpg)
1. โดยให้ท่านเข้าไปดูที่ ผู้ดูแลระบบ/ ควบคุมการวางรูป/ กระทู้และหัวข้อ/ รหัสบอร์ดประกาศทั่วไป (BBC)
ว่ามีตัวเลือกคำว่า "highlight" ตามภาพด้านบนหรือยัง ถ้ามีแล้วในขั้นตอนที่1นี้ให้ผ่านไปเลย ไม่ต้องทำ
2. หรือให้แน่ใจ ให้ทดสอบโดยก็อปปี้ประโยคด้านล่างไปทดสอบโพสต์ในกระทู้ของท่าน ถ้ามีไฮไลท์สีเหลืองขึ้นมา แสดงว่าเงื่อนไขตามข้อ1 มีแล้ว ข้ามขั้นตอนนี้ไปเลย
"ทดสอบโพสต์ [highlight=yellow]ไฮไลท์สีเหลือง[/highlight] ว่ามีหรือปล่าว..."การแสดงผล >>>> "ทดสอบโพสต์ ไฮไลท์สีเหลือง ว่ามีหรือปล่าว..."
3. ถ้ายังไม่มีทั้งสองข้อด้านบน ก็ลงมือลุยได้เลยครับท่าน
โดยเข้าไปที่...
./Sources/Subs.php
ค้นหาคำว่า...
array(
'tag' => 'green',
'before' => '<span style="color: green;" class="bbc_color">',
'after' => '</span>',
),
แล้วเอาโค้ดนี้ วางต่อท้าย
จากนั้นท่านลองเข้าไปดูที่ "รหัสบอร์ดประกาศทั่วไป (BBC)" ว่ามีตัวเลือก "highlight" เพิ่มเข้ามาหรือยัง ถ้ามีแล้วก็ไปขั้นตอนที่2 ได้เลย
array(
'tag' => 'highlight',
'before' => '<span style="background-color: yellow;" class="bbc_color">',
'after' => '</span>',
),
array(
'tag' => 'highlight',
'type' => 'unparsed_equals',
'test' => '(#[\da-fA-F]{3}|#[\da-fA-F]{6}|[A-Za-z]{1,20}|rgb\(\d{1,3}, ?\d{1,3}, ?\d{1,3}\))\]',
'before' => '<span style="background-color: $1;" class="bbc_color">',
'after' => '</span>',
),
ขั้นตอนที่2
เป็นขั้นตอนใส่แถบเครื่องมือ ในแถบ Editor ตามภาพด้านล่าง
สำหรับใครชอบการทำไฮไลท์แบบแมนวลในขั้นตอนนี้ไม่ต้องก็ได้ แต่ใส่ไปเถอะเชื่อว่าสมาชิกท่าน 99.99% ไม่เก่งแมนวล จึงใส่แถบเครื่องมือเพื่อเป็นทางลัดให้กับสมาชิกเพิ่มความสะดวก
(http://www.gpsteawthai.com/Themes/image-board-smf/katoo-1308_02.jpg)
โดยเข้าไปที่...
./Sources/Subs-Editor.php
ค้นหาคำว่า...
$allowed_tags = array('b', 'u', 'i', 's', 'hr', 'list', 'li', 'font', 'size', 'color', 'img', 'left', 'center', 'right', 'url', 'email', 'ftp', 'sub', 'sup');
แล้วเอาโค้ด 'highlight', วางลงไปด้านหน้า 'img', อย่าลืมเครื่องหมาย ,)
ก็จะได้ตามตัวอย่างด้านล่าง (จริงๆแล้วท่านจะวางตำแหน่งไหนก็ได้ถ้าเราเข้าใจ แต่ขอให้สัมพันธ์กับการวางโค้ดย่อหน้าถัดไป)
$allowed_tags = array('b', 'u', 'i', 's', 'hr', 'list', 'li', 'font', 'size', 'color', 'highlight', 'img', 'left', 'center', 'right', 'url', 'email', 'ftp', 'sub', 'sup');
แล้วค้นหาต่อไป ที่คำว่า...
array(
'image' => 'img',
'code' => 'img',
'before' => '[img]',
'after' => '[/img]',
'description' => $txt['image']
),
แล้วเอาโค้ดนี้ วางต่อท้าย ในที่นี้ผมกำหนดค่าตายตัวเป็นไฮไลท์สีเหลือง
array(
'image' => 'highlight',
'code' => 'highlight',
'before' => '[highlight=yellow]',
'after' => '[/highlight]',
'description' => $txt['highlight']
),
สุดท้าย ให้เอาภาพนี้ (http://www.gpsteawthai.com/Themes/default/images/bbc/highlight.gif)] (ชื่อนี้-นามสกุลนี้) highlight.gif
ไปวางที่ ./Themes/default/images/bbc
เพื่อให้มันดึงเอาภาพนี้ไปวางที่แถบเครื่องมือ Editor
พูดง่ายๆคือ เอาภาพนี้ (http://www.gpsteawthai.com/Themes/default/images/bbc/highlight.gif) ไปวางก็ได้เลยครับ
ขั้นตอนที่3
อ่ายังไม่จบ.. เกือบลืมคำอธิบายแถบเครื่องมือเมื่อเราเอาเม้าส์ไปชี้ (ตามภาพ)
(http://www.gpsteawthai.com/Themes/image-board-smf/katoo-1308_04.jpg)
เข้าไปที่...
./ Themes/ default ,ธีมที่ใช้/ languages/ Post.thai-utf8.php
ค้นหาคำว่า... (อยู่ท้ายสุด)
?>
เอาโค้ดนี้....ใส่ก่อนหน้า (โค้ดนี้ก็คือโค้ดบรรทัดสุดท้ายในขั้นตอนที่2 นั่นแหละ แล้วมาพากย์ไทยอีกที อิอิ)
$txt['highlight'] = 'ทำไฮไลท์สีบนข้อความ';
จากกระทู้นี้ ถ้าท่านเป็นนักสังเกตุขั้นตอนที่ 2-3 ท่านจะสามารถเพิ่มแถบเครื่อง Editor ได้ไม่จำกัด ขอให้เป็นนักสังเกตุก็พอ (ใส่ความคิดเข้าไปเล็กน้อย..)
ที่มาข้อมูล...
http://custom.simplemachines.org/mods/index.php?mod=3825 (http://custom.simplemachines.org/mods/index.php?mod=3825)