แนะนำ JCE Editor ใน joomla

Tag :

แนะนำ JCE Editor ใน joomla

สวัสดีครับ หลังจากที่เราได้ใช้ Editor - TinyMCE ในการสร้าง Article หรือ Content รวมถึงสร้าง Module แบบ Custom HTML กันไปแล้วนั้น เพื่อนๆหลายท่านอาจจะไม่สะดวกในการเรียกใช้งาน Editor ในส่วนของ Images วันนี้เราจะมาแนะนำตัว Component เพิ่มเติมนะครับ


วันนี้เราจะมาเปลี่ยตัว Joomla Editor จากตามปกติที่เราใช้นั้นก็คือ TinyMCE มาเป็น Componnet อีกตัวนะครับ ซึ่งมีชื่อว่า JCE Editor ครับ ก่อนอื่นให้เพื่อนๆ ทำการดาวน์โหลดมาก่อนนะครับ ที่ลิงค์

https://www.joomlacontenteditor.net/downloads/editor

 

ให้เพื่อนๆ เลือกแบบเวอร์ชั่นสำหรับ Joomla 3.x นะครับ ดังรูปที่.1

แนะนำ JCE Editor ใน joomla

รูปที่.1 เลือกการดาวน์โหลดสำหรับ Joomla 3.x

จากนั้น เลือกเวอร์ชั่นนะครับ ในที่นี้ล่าสุดก็จะเป็น JCE 2.5.15 นะครับ ดังรูปที่.2

แนะนำ JCE Editor ใน joomla

รูปที่.2 เลือกเวอร์ชั่นของ JCE Editor 2.5.15



จากนั้นก็ทำการเซฟไฟล์เอาไว้นะครับ เมื่อดาวน์โหลดเสร็จแล้ว ก็ให้เพื่อนๆ ทำการติดตั้งได้เลยที่เมนู Manage แล้วเลือกไฟล์ที่เราดาวน์โหลดมานะครับ จากนั้นก็คลิ๊กที่ Upload & install ได้เลยนะครับ ดังรูปที่.3

แนะนำ JCE Editor ใน joomla

รูปที่.3 ทำการติดตั้ง JCE Editor 2.5.15

เมื่อเสร็จแล้ว เราก็จะได้รับข้อความ Installation of the component was successful.จากนั้นให้เราไปที่เมนู System เลือกที่ Global Configuration ดังรูปที่.4

แนะนำ JCE Editor ใน joomla

รูปที่.4 หลังจกาติดตั้งเสร็จแล้ว ไปที่ Global Configuration

ในหน้า Global Configuration นี้ ในหัวข้อของ Default Editor * ให้เราเลือกเป็น Editor - JCE นะครับ แล้วก็ทำการ Save ดังรูปที่.5

แนะนำ JCE Editor ใน joomla

รูปที่.6 เลือกรายการ Default Editor เป็น JCE

จากนั้นให้กลับมาที่ในส่วน Article นะครับ เราก็จะเห็นว่าตัว Editor ได้เปลี่ยนไปแล้ว เป็น JCE Editor ดังรูปที่.6

แนะนำ JCE Editor ใน joomla

รูปที่.6 หน้าตาของ Editor JCE และการใช้งาน images

ในส่วนที่เราจะพูดถึงเลยก็คือในส่วนของ Images ของ JCE Editor นะครับ ดังรูปที่.7

แนะนำ JCE Editor ใน joomla

รูปที่.7 ในส่วนของ Images ของ JCE Editor

   ในส่วนของการเรียกใช้งานรูปภาพของ JCE นี้นะครับ จะสะดวกมากกว่า TinyMCE ในส่วน พาท ที่เก็บรูปภาพนะครับ เพราะทุกครั้งที่เราเรียกใช้งานรูปภาพ ระบบของ Editor ก็จะจำตำแหน่งล่าสุดที่เรา เข้ามาในโฟรเดอร์ต่างๆ ของรูปภาพ เอาไว้ให้ ทำให้เราไม่ต้องมาเลือกโฟรเดอร์ทีละครั้ง ในการใส่รูปของ บทความนั้นเอง รวมถึงเราสามารถทำ Rollover ได้อีกด้วย โดยที่เราเลือกภาพแรกแล้วไปที่ Tap Rollover ดังรูปที่.8


แนะนำ JCE Editor ใน joomla

รูปที่.8 การกำหนด Rollover Images

จากนั้นก็เลือกรูปที่ ที่จะใช้ในกรณีที่นำ Mouse ไปวางบนรูปแล้วจะให้รูปเปลี่ยนเป็นรูปอะไร ก็เลือกรูปที่จะใช้ได้เลย 


ส่วนที่ผมใช้อีกส่วนคือ Advanced มีหลายอย่างแต่ที่ใช่บ่อยๆ คือในกรณีทำเว็บไซต์รองรับมือถือนั้น ผมจะนิยมใส่ Class boostrap ลงในช่อง Classes เพื่อกำหนดให้แสดงรูปแบบ 2 รูปในบรรทัดเดียวกัน หรือ 3 รูป ในบรรทัดเดียวกัน ครับ ดังรูปที่.9

แนะนำ JCE Editor ใน joomla

รูปที่.9 การใช้งานในส่วน Advanced

จริงๆ เรายังสามารถปรับแต่งเจ้าตัว Editor JCE ได้อีกนะครับ โดยไปที่เมนู Componnets เลือกที่รายการ JCE Editor ดังรูปที่.10


แนะนำ JCE Editor ใน joomla

รูปที่.10 ปรับแต่งเพิ่มเติมในส่วนของ Config และ Profile

ในส่วนนี้ก็จะมี Global Configuration และ Profiles นะครับ ซึ่งในส่วน Profiles จะเป็นส่วนหลักในการตั้งค่า และการใช้งาน โดยค่าเริ่มต้นที่ Default นะครับให้เราคลิ๊กเข้าไป ดังรูปที่11.


แนะนำ JCE Editor สร้างบทความและโมดูล

รูปที่.11 การปรับค่าใช้งานในส่วน Profiles

โดยใน Edit Profiles - [Default] ก็จะมี Tab ที่ไว้กำหนดค่าต่างๆ นะครับ แต่ Tab ที่เกี่ยวกับการปรับค่าของการใช้งานจะอยู่ที่ Plugin Parameters ดังรูปที่.12

แนะนำ JCE Editor ใน joomla

รูปที่.12 การปรับค่าในส่วน ที่ Plugin Parameters ของ JCE Editor

เช่นในกรณ๊ที่เรา Add Font ไทยลงในเทมเพลต แล้ว บางครั้งอยากที่จะใช้ ก็สามารถเพิ่มลงไปได้เลย ในส่วนของ Font Family โดยพิมพ์ชื่อ fonts ลงไป และชื่อที่ไว้เรียกใช้งาน จาก css ของ font ดังรูปที่.13


แนะนำ JCE Editor ใน joomla

รูปที่.13 การเพิ่มรายการ Font 

จากนั้นก็ Save ทีนี้ลองกลับไปดูในส่วนของ บทความนะครับ ให้เราลองเลือกรายการ Font Family ดู ก็จะเห็นรายการที่เราพึ่งสร้างนะครับ ดังรูปที่.14


แนะนำ JCE Editor ใน joomla

รูปที่.14 การใช้งาน Font ที่พึ่งเพิ่ม

แต่ต้องบอกก่อนนะครับว่าในหน้านี้ เราจะไม่เห็นการเปลี่ยนแปลงของตัวอักษรนะครับ ต้อง Save บทความแล้วไปดูที่หน้าเว็บครับ (เพระเป็นการ Add font ผ่านเทมเพลต นะครับ) 


จริงๆ ก็ยังมีอีกหลายส่วน แต่สำหรับผู้ที่พึ่งลองใช้ แนะนำให้ใช้ค่าปกติก็ได้ครับ ไม่ต้องปรับอะไร ก็สามารถใช้งานได้อย่างดีอยู่แล้วนะครับ

 

 

ขอบคุณครับ
Webmaster JoomlaHitz.com (ริว)

รับทำเว็บไซต์  ดูแลเว็บไซต์  สอนทำเว็บไซต์ www.joomla-creative.com

 

 

Tag :

บทความอื่นๆ ที่น่าสนใจ

คุณอาจสนใจ

สถิติผู้เข้าชม

2.png3.png7.png6.png0.png4.png
Today92
Yesterday503
This week1349
This month6776
Total237604

ผู้เข้าชม

1
Online
22 สิงหาคม 2562