smf เพิ่มแถบเครื่องมือ ไฮไลท์ บนแถบ Editor

[ลุงเปี๊ยก ที-เน็ตเวิร์ค (อ.สากเหล็ก)]

smf เพิ่มแถบเครื่องมือ ไฮไลท์ บนแถบ Editor (อ่านให้ดี มีต่อยอด...)

การทำจะมีสามขั้นตอน ขอให้ท่านอ่านให้ละเอียด จะได้ไม่เสียเวลา



ขั้นตอนที่1
เป็นการตรวจสอบว่าบอร์ดของท่าน มีการเปิดใช้งานไฮไลท์ไว้แล้วหรือยัง ตามภาพด้านล่างนี้



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% ไม่เก่งแมนวล จึงใส่แถบเครื่องมือเพื่อเป็นทางลัดให้กับสมาชิกเพิ่มความสะดวก



โดยเข้าไปที่...
./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']
),
สุดท้าย ให้เอาภาพนี้ ] (ชื่อนี้-นามสกุลนี้) highlight.gif
ไปวางที่ ./Themes/default/images/bbc
เพื่อให้มันดึงเอาภาพนี้ไปวางที่แถบเครื่องมือ Editor
พูดง่ายๆคือ เอาภาพนี้  ไปวางก็ได้เลยครับ








ขั้นตอนที่3
อ่ายังไม่จบ.. เกือบลืมคำอธิบายแถบเครื่องมือเมื่อเราเอาเม้าส์ไปชี้ (ตามภาพ)



เข้าไปที่...
./ Themes/ default ,ธีมที่ใช้/ languages/ Post.thai-utf8.php

ค้นหาคำว่า... (อยู่ท้ายสุด)

โค๊ด: [เลือก]

?>
เอาโค้ดนี้....ใส่ก่อนหน้า  (โค้ดนี้ก็คือโค้ดบรรทัดสุดท้ายในขั้นตอนที่2 นั่นแหละ แล้วมาพากย์ไทยอีกที อิอิ)

โค๊ด: [เลือก]

$txt['highlight'] = 'ทำไฮไลท์สีบนข้อความ';
จากกระทู้นี้ ถ้าท่านเป็นนักสังเกตุขั้นตอนที่ 2-3 ท่านจะสามารถเพิ่มแถบเครื่อง Editor ได้ไม่จำกัด ขอให้เป็นนักสังเกตุก็พอ (ใส่ความคิดเข้าไปเล็กน้อย..)



ที่มาข้อมูล...
http://custom.simplemachines.org/mods/index.php?mod=3825