สำหรับ Themes เริ่มต้นคือ classic โดยไม่ต้องกำหนดชื่อ theme
[code]
<pre class="lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้
|
1 2 3 4 5 6 7 |
import { Component } from '@angular/core'; import { AlertController } from 'ionic-angular'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) |
ให้ล็อคอินเข้าเป็น Admin แล้วไปที่เมนู Plugins
จากนั้นก็ค้นหาด้วยคำว่า Crayon Syntax Highlighter
แล้วก็เลือก Install และ Activate
ทำได้ง่ายๆ เพียงแค่ใช้แท็ค <pre> </pre> ครอบโค๊ดไว้ เช่น
[code]
<pre>
import { Component } from ‘@angular/core’;
import { AlertController } from ‘ionic-angular’;
@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’
})
</pre>
[/code]
จะได้
|
1 2 3 4 5 6 7 |
import { Component } from '@angular/core'; import { AlertController } from 'ionic-angular'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) |
WP Mobile Detector
The WP Mobile Detector automatically detects over 5,000 mobile devices and displays a compatible mobile theme.
http://wordpress.org/extend/plugins/syntaxhighlighter/
เป็น Plugin ที่ช่วยให้การแสดง Source code สวยงามขึ้น
โดย SyntaxHighlighter Evolved พัฒนาต่อมาจาก http://alexgorbatchev.com/SyntaxHighlighter/
การใช้งานเพียงบอกว่า sourcecode หรือ code ที่ใช้เป็นภาษาอะไร เช่น
[code language="css"]
your code here
[/code]
ใช้ language (หรือ lang) ในการกำหนดภาษาโปรแกรมที่ใช้ ภาษาที่ใช้ได้มีดังนี้ [อ้างอิง]
Java
[sourcecode language=”java”]
public class HelloJava {
/**
* @param args
*/
public static void main(String[] args) {
// TODO Auto-generated method stub
System.out.println("Hello World!");
}
}
[/sourcecode]
หรือ CSS
[code language=”css”]
#button {
font-weight: bold;
border: 2px solid #fff;
}
[/code]
