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

[Auto Man]

มาจากกระทู้นี้ http://www.gpsteawthai.com/index.php?topic=1308.0

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ

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

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


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

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

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


1. โดยให้ท่านเข้าไปดูที่  ผู้ดูแลระบบ/ ควบคุมการวางรูป/ กระทู้และหัวข้อ/ รหัสบอร์ดประกาศทั่วไป (BBC)
ว่ามีตัวเลือกคำว่า "highlight" ตามภาพด้านบนหรือยัง ถ้ามีแล้วในขั้นตอนที่1นี้ให้ผ่านไปเลย ไม่ต้องทำ

2. หรือให้แน่ใจ ให้ทดสอบโดยก็อปปี้ประโยคด้านล่างไปทดสอบโพสต์ในกระทู้ของท่าน ถ้ามีไฮไลท์สีเหลืองขึ้นมา แสดงว่าเงื่อนไขตามข้อ1 มีแล้ว ข้ามขั้นตอนนี้ไปเลย
โค๊ด: (ก็อปปี้ประโยคด้านล่าง) [เลือก]
"ทดสอบโพสต์ ไฮไลท์สีเหลือง ว่ามีหรือปล่าว..."
การแสดงผล >>>>  "ทดสอบโพสต์ ไฮไลท์สีเหลือง ว่ามีหรือปล่าว..."

3. ถ้ายังไม่มีทั้งสองข้อด้านบน ก็ลงมือลุยได้เลยครับท่าน



โดยเข้าไปที่...
./Sources/Subs.php

ค้นหาคำว่า...

โค๊ด: [Select]

         array(
            'tag' => 'green',
            'before' => '<span style="color: green;" class="bbc_color">',
            'after' => '</span>',
         ),
แล้วเอาโค้ดนี้ วางต่อท้าย
จากนั้นท่านลองเข้าไปดูที่ "รหัสบอร์ดประกาศทั่วไป (BBC)" ว่ามีตัวเลือก "highlight" เพิ่มเข้ามาหรือยัง ถ้ามีแล้วก็ไปขั้นตอนที่2 ได้เลย

โค๊ด: [Select]

         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

ค้นหาคำว่า...

โค๊ด: [Select]

   $allowed_tags = array('b', 'u', 'i', 's', 'hr', 'list', 'li', 'font', 'size', 'color', 'img', 'left', 'center', 'right', 'url', 'email', 'ftp', 'sub', 'sup');
แล้วเอาโค้ด 'highlight', วางลงไปด้านหน้า  'img',   อย่าลืมเครื่องหมาย ,)
ก็จะได้ตามตัวอย่างด้านล่าง (จริงๆแล้วท่านจะวางตำแหน่งไหนก็ได้ถ้าเราเข้าใจ แต่ขอให้สัมพันธ์กับการวางโค้ดย่อหน้าถัดไป)

โค๊ด: [Select]

   $allowed_tags = array('b', 'u', 'i', 's', 'hr', 'list', 'li', 'font', 'size', 'color', 'highlight', 'img', 'left', 'center', 'right', 'url', 'email', 'ftp', 'sub', 'sup');
แล้วค้นหาต่อไป ที่คำว่า...

โค๊ด: [Select]

         array(
            'image' => 'img',
            'code' => 'img',
            'before' => '[img]',
            'after' => '[/img]',
            'description' => $txt['image']
         ),
แล้วเอาโค้ดนี้ วางต่อท้าย ในที่นี้ผมกำหนดค่าตายตัวเป็นไฮไลท์สีเหลือง

โค๊ด: [Select]

          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

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

โค๊ด: [Select]

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

โค๊ด: [Select]

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

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

[Auto Man]

  Auto Man 

  โอ๊ะโอว... เครื่องมือตัวนี้เอง ถึงว่าจะทำยังไงมันก็ไม่โชว์แบบนี้ เพราะไม่มีเครื่องมือ ไฮไลท์ นี่เอง

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


มีไฟล์แนบต้นฉบับ ของ smf 2.0.11 ลองนำไปแก้ไขเล่นๆ ดู จะค้นหาเจอ จะแทนที่ จะทับ ทำเป็นไหม

[Auto Man]

ความจริงเขามีมอดอยู่แล้ว ชื่อว่า HihglightTags_V1.1 แต่ว่า
จะไม่มีปุ่มเครื่องมือเพิ่มในกล่องเครื่องมือเวลาโพสต์ ต้องพิมพ์แท็กไฮไลท์เอง เขาจะแก้เฉพาะไฟล์ Subs.php