ตัวอย่างโค๊ด

View source
<?php
$language =& JFactory::getLanguage();
$language->load('plg_hpregistration', JPATH_SITE);
$modules    =& JModuleHelper::getModules('termsofusage');
if($modules)
{
 foreach($modules as $module)
 {
 echo JModuleHelper::renderModule($module);
 }
}

ไฮไลท์อย่างไร ดูตามตัวอย่างด้านบนครับ ปลั๊กอินนี้ช่วยให้การแทรกโค๊ดลงในเนื้อหาทำได้ง่ายขึ้น (แทรกคือไม่ให้โค๊ดแสดงผลหรือทำงานเพียงแค่แสดงโค๊ดให้ดูเท่านั้น) มีปุ่มกดแล้วจะปรากฎหน้าต่างขึ้นมานำโค๊ดไปวางจากนั้นกด แทรก ง่าย ๆ ครับ เหมาะสำหรับผู้ที่ทำเว็บสอนการเขียนโปรแกรมหรือเขียนเว็บ ฯลฯ

 

 

compat_15_native ext_plugin

เมื่อดาวน์โหลดมาแล้วทำการแตกไฟล์ (Unzip) จะมีไฟล์ zip อยู่ 2 อัน คือ
plg_highlight_button.zip
plugin-highlight.zip

ทำการติดตั้งทั้งสองอันนี้แบบปกติ (หากต้องการศึกษาเรื่องการติดตั้ง extensions เพิ่มเติมที่นี่)

จากนั้นก็มาที่ plugin manager >> หาปลั๊กอินที่ชื่อ Highlight code with Jumi

Highlight code with Jumi

 

เปิดเข้าไปดู parameter

plugin-highlight

 

max-height, width กำหนดความสูงความกว้างของส่วนแสดงโค๊ด
codes hidden ซ่อนโค๊ด การซ่อนจะเป็นลักษณะนี้

codes hidden

 

เมื่อคลิ๊กก็จะแสดง โค๊ดออกมา

code

 

ตรงมุมเมื่อคลิ๊กจะแสดงเป็น text

code text

 

จากนั้นทำการ enable ปลั๊กอินอีกตัว

enable ปลั๊กอิน

 

การใช้งานจะมีปุ่ม insert code อยู่ที่ content editor

แทรกโค๊ด

 

เมื่อคลิ๊กขึ้นมา

วางโค๊ด

 

ทำการเลือก type ไปที่ text

วางโค๊ด

 

เลือกภาษา สีของตัวอักษรแต่ละภาษาจะแตกต่างกัน

สีโค๊ด

 

กด insert

insert

 

โค๊ดจะถูกวางลงในเนื้อหา

การแสดงผลหน้าเว็บ

 

การแสดงผลหน้าเว็บ

จบ

ดาวน์โหลด plugin-highlight

 

ดาวน์โหลด plugin-highlight

ลิ้งก์สำรอง

 

ดาวน์โหลด plugin-highlight