ไปเจอมาอีกแระ เอามาแปะ อนาคตต้องใช้
ตามปกติแล้ว Joomla editor นั้นจะไม่ยอมให้แทรกโค๊ดที่เป็นลักษณะ Application ลงไปได้ เนื่องด้วยอาจจะเกิดความไม่ปลอดภัยหรืออาจจะทำให้เกิดความผิดพลาดของการทำงานต่าง ๆ ได้ แต่บางท่านอาจจจะจำเป็นต้องใช้งานเพื่อให้งานนั้นออกมาตามที่เราต้องการ วันนี้มีปลั๊กอินที่ช่วยให้คุณสามารถแทรก ซอร์สโค๊ด (Source code) ลงบนเนื้อหาได้ง่าย ๆ สามารถแทรกโค๊ด DHTML, Java script, php ได้ ใช้งานง่าย ๆ ครับ ฟรีอีกต่างหาก มาลองดูกันเลย
ดาวน์โหลดตัวปลั๊กอินและติดตั้งแบบปกติ (หากต้องการศึกษาเรื่องการติดตั้ง extensions เพิ่มเติมที่นี่)
เมื่อติดตั้งเสร็จก็เข้ามาที่ plugin manager >> Editor Button - Sourcerer

ปลั๊กอินพารามิเตอร์

- Enable in frontend เปิดให้ใช้งานปุ่มที่ใช้แทรกโค๊ดนี้ในด้าน front end
- Add {source} tags กำหนดให้ต้องมี {source} ครอบโค๊ดที่แทรกอยู่จึงจะทำงานได้
- Preserve indentation ประทับตรารักษาความปลอดภัย โดยจะ มี (>>>) อยู่หน้าโค๊ดแต่ละบรรทัด
- Preserve colors กำหนดให้ใช้ต่าง ๆ กับโค๊ด เพื่อสร้างความแตกต่างของคำสั่งแต่ละตัว
- Use Example Code กำหนดสิทธิในการเห็น โค๊ดตัวอย่าง
- Example Code โค๊ดตัวอย่าง (ลบทิ้งก็ได้ไม่เป็นไร)
- Add {source} tags กำหนดให้ต้องมี {source} ครอบโค๊ดที่แทรกอยู่จึงจะทำงานได้
- Preserve indentation ประทับตรารักษาความปลอดภัย โดยจะ มี (>>>) อยู่หน้าโค๊ดแต่ละบรรทัด
- Preserve colors กำหนดให้ใช้ต่าง ๆ กับโค๊ด เพื่อสร้างความแตกต่างของคำสั่งแต่ละตัว
- Use Example Code กำหนดสิทธิในการเห็น โค๊ดตัวอย่าง
- Example Code โค๊ดตัวอย่าง (ลบทิ้งก็ได้ไม่เป็นไร)
จากนั้นทำการ enable ให้ปลั๊กอินทำงาน

ปุ่มสำหรับใช้แทรกโค๊ด

ทำการแทรกโค๊ดลงไปตามต้องการ จากนั้น กด Insert (โค๊ดที่เห็นเป็นโค๊ดตัวอย่างให้ลบทั้งหมดแต่ให้เหลือ {source}..{/source} ไว้)

ทดสอบแทรกโค๊ด java script ที่ใช้ทำเป็นเครื่องคิดเลขแบบตรีโกณมิติ
หรือจะใช้แทรกโค๊ดลักษณะนี้ก็ได้
{source}โค๊ดของคุณ{/source}

การแสดงผลด้านหน้าเว็บไซต์
ที่มา : http://www.joomlathaiclub.com
ไม่มีความคิดเห็น:
แสดงความคิดเห็น