พื้นฐาน Joomla

ว่าด้วยเรื่อง Group ของ Joomla
ในบทความที่แล้ว ผมได้กล่าวถึงการสร้างผู้ใช้งานและการติดต่อไป ในตอนนี้จะกล่าวถึงการกำหนด Group ข...

เทคนิค Joomla

Modify ได้อย่างใจ ตอนที่ 2 JF Total Users
สำหรับตอนที่ 2 นี้ จะมาลองแก้ไขโมดูล JF Total Users กันครับ , สำหรับคนที่เคยใช้โมดูล JF Total ...

แนะนำ Extension

สร้าง Field และนำ CK Form ไปแสดงผล
ต่อจากบทความที่แล้ว คราวนี้ เราจะมาสร้าง Field (ฟิลด์) เพื่อให้ผู้ใช้งานกรอกข้อมูล และนำ Form ท...
( 62 Votes )
JCE Editor เดิมนั้น Joomla เอง มีเครื่องมือให้เราสามารถพิมพ์ข้อความ , ใส่ลิ้งค์ , แทรกรูปภาพ ลงไปได้ เครื่องมือเหล่านี้เรียกว่า Editor แต่ Editor เดิมของ Joomla เองนั้น ต้องยอมรับว่า ไม่สามารถใช้อะไรได้มากมาย เช่น ใส่สีก็ไม่ได้ , แทรกตารางไม่ได้ แทรกวีดีโอไฟล์ไม่ได้ ดังนั้น เราจึงต้องหา Editor ตัวอื่น มาใช้แทน Editor เดิมของ Joomla ซึ่งตัวที่ผมจะแนะนำนี้คือ เครื่องมือ ช่วยเขียนบทความ JCE Editor ครับ

ทำไมต้องเป็น JCE ? , เท่าที่ผมเคยใช้ Editor มานั้น ก็มี Editor ตัวอื่นหลายยี่ห้อ ที่มีความสามารถไม่แพ้กันเลย ไม่ว่าจะเป็นเครื่องมือที่สามารถแทรกรูป ใส่ลิ้งค์ ใส่สี แทรกวีดีโอ ทำตารางได้หลายรูปแบบ ฯลฯ ก็ตาม แต่จุดเด่นของ JCE ที่ผมชอบก็คือ มักจะมีคนพัฒนาปลั๊กอินต่าง ๆ ที่สามารถใช้ร่วมกับ JCE ได้ และตัว JCE เอง ก็สามารถติดตั้งปลั๊กอินเสริมให้กับตัวมันเองได้เช่นกัน ทำให้ Editor JCE นั้น อาจไม่มีเพียงแค่เครื่องมือที่ใช้กันอยู่แบบเดิม ๆ อีกต่อไป

JCE นั้น จะมีคอมโพเน้นท์ ซึ่งการที่มันมีคอมโพเน้นท์นี่เอง จึงทำให้มันเสมือนเป็นโปรแกรมย่อย และสามารถติดตั้งโปรแกรมเสริมให้กับตัวมันเองได้ โดยจะมีหน้า Install สำหรับตัวมันเองต่างหาก เหมือนกับการ Install ปลั๊กอินใน Joomla เลยครับ ซึ่งการใช้ Install ของ JCE นี้ จะมีไว้เพื่อเสริมความสามารถให้กับตัว JCE เท่านั้น ไม่มีผลกับการใช้งานอื่นของ Joomla , และนอกจากนั้น ก็จะมีปลั๊กอิน ซึ่งต้องติดตั้งผ่าน Extension Install ของ Joomla เพื่อให้มี Editor เพิ่มเติมขึ้นมาครับ อ่านแล้วงง ไปดูเลยดีกว่า

JCE Editor

เมื่อติดตั้งเสร็จแล้ว จะเห็นผลลัพธ์แจ้งว่า มีการติดตั้ง JCE Admininstration Component และ JCE Editor Plugin ซึ่งหากไม่ใช่เวอร์ชั่นปัจจุบัน จะต้องทำการติดตั้งแยกกันต่างหากครับ คือต้องติดตั้งคอมโพเน้นท์ก่อน แล้วจึงติดตั้งปลั๊กอิน Editor ภายหลัง แต่สำหรับเวอร์ชั่นปัจจุบัน จะรวบให้ทีเดียวเลย

JCE Editor

สำรวจดูในส่วน Extension ของ Joomla จะมีการติดตั้งให้อัตโนมัติ เวอร์ชั่น 1.5.6

แล้วก็มาที่คอมโพเน้นท์ JCE Administration เลยครับ

JCE Editor

มันจะงอแงว่า เอาฉันมา ทำไมไม่ใช้ฉันล่ะ หมายความว่า เรายังไม่ได้เปลี่ยนการตั้งค่าใน Global Configuration ครับ ต้องไปปรับ Editor ให้เป็น JCE เสียก่อน

JCE Editor

ปรับให้เป็น JCE นะครับ

เอาล่ะครับ JCE เรานี่ ไม่ใช่เล่น ๆ นะครับ เมนูอื่นไม่เท่าไหร่ เจอเมนู Group Manager เข้าไป เล่นไม่เป็นเลย แต่ลองมาดูคร่าว ๆ นะครับ เบื้องต้นหลังการติดตั้งเสร็จแล้ว ไม่ตัองปรับแต่งอะไร ก็สามารถใช้งานได้ทันที

JCE Editor

สามารถสร้างกลุ่มการใช้งานได้ด้วยครับ ว่าจะให้กลุ่มใดสามารถใช้งาน Editor นี้ได้ ลองไปดูที่ Default กัน

     เริ่มจากแถบ Setup

JCE Editor

 

     ในส่วนของ Restrictions จะประกอบไปด้วย

Components : สามารถใช้ Editor นี้ ในคอมโพเน้นท์ใดได้บ้าง , บางคอมโพเน้นท์สามารถพิมพ์ข้อความลงไปได้ สามารถใช้ Editor ได้ ดังนั้น เราสามารถกำหนดในส่วนนี้ได้ว่า อนุญาตให้ใช้ JCE ในคอมโพเน้นท์อื่น ๆ นอกเหนือจากนี้ได้หรือไม่
Types : เลือกกลุ่มที่อนุญาตให้ใช้งาน JCE Editor ได้ครับ
Users : หรือ ระบุเป็น User รายบุคคลก็ได้เลย

     แถบ Editor Parameters

JCE Editor

จะเป็นรายละเอียดปลีกย่อยเกี่ยวกับการแสดงผลคุณสมบัติของ JCE Editor เช่น ความกว้าง ยาว ของ Editor , ฟอแมตของตัวอักษร เป็นต้น

     แถบ Layout

JCE Editor

จัดวางการใช้งาน ของ JCE Editor ได้ตามสบายเลยครับ

Available Plugins / Buttons : คือส่วนของเครื่องมือที่เราไม่ใช้งานครับ อยากเอาอะไรออก ก็ลากมาวางไว้ในโซนนี้ได้เลย
Current Editor Layout : คือส่วนของเครื่องมือที่เราใช้งานอยู่ครับ สามารถลากข้ามไปมาระหว่าง Available กับ Current ได้ครับ เรียกได้ว่า อันไหนไม่ใช้ ก็เก็บไว้ข้างบน อันไหนใช้บ่อย ๆ ก็ลากมาไว้ใน Current เลย

     แถบ Plugin Parameters

JCE Editor

ก็เป็นออพชั่นที่เหลือสำหรับการปรับแต่ง JCE Editor ครับ เช่น การอนุญาตให้อัพโหลดไฟล์ ขนาดเท่าไหร่ หรือ สกุลไฟล์อะไรบ้าง ปกติผมก็ไม่ปรับเปลี่ยนอะไรเลยครับ ปล่อยไปตามเดิม

ส่วนเมนูอื่น ๆ ก็ลองคลิกกันดูละกันครับ ผมจะขอข้ามมาดูการใช้งานก่อนเลย

JCE Editor

จะเห็นเครื่องมือเพียบเลยครับ น่าใช้กว่าของเดิมเยอะมากมาย ทั้งยังสนับสนุนการใช้งานที่สะดวกกว่าเดิม เช่น การใส่ลิ้งค์ ซึ่งปกติแล้ว เราจะลิ้งค์ไปยังเนื้อหาอื่น ๆ นั้น เราก็จะต้องไปสร้างเมนูลิ้งค์เพื่อให้ได้ URL มาใส่ลิ้งค์ใน Editor แต่หากมี JCE เข้ามาช่วยแล้วล่ะก็ เรื่องนี้จะง่ายขึ้นทันทีเลย ลองดูตัวอย่างครับ

JCE Editor

จะเห็นว่า การใส่ลิ้งค์ก็จะง่ายขึ้นเยอะเลยนะครับ

สำหรับใครที่เคยใช้เวอร์ชั่นเก่า ราว ๆ 1.5.1 จะพบปัญหาเมื่อมีการเคาะ Space Bar เพื่อเว้นวรรค แต่เมื่อบันทึกบทความแล้ว การเว้นวรรคนั้นจะหายไป ทำให้เราไม่สามารถเคาะ Space Bar เพื่อเว้นวรรคได้ แต่เวอร์ชั่นล่าสุดได้ถูกแก้ไขแล้ว อัพเกรดกันได้แล้วนะครับ , คราวหน้าจะแนะนำปลั๊กอินเสริมที่จะทำให้ JCE โตขึ้นอีก คอยติดตามนะครับ

เพิ่มเครื่องมือเขียนบทความ JCE Editor