Crayon Theme

สำหรับ Themes เริ่มต้นคือ classic โดยไม่ต้องกำหนดชื่อ theme

<pre class="lang:default mark:5,6 decode:true " >
...
...
</pre> 

จะได้

Continue reading

Crayon Syntax Highlighter

Crayon Syntax Highlighter

การติดตั้ง Crayon Syntax Highlighter

ให้ล็อคอินเข้าเป็น Admin แล้วไปที่เมนู Plugins
จากนั้นก็ค้นหาด้วยคำว่า Crayon Syntax Highlighter
แล้วก็เลือก Install และ Activate

การใช้ Crayon Syntax Highlighter

ทำได้ง่ายๆ เพียงแค่ใช้แท็ค <pre> </pre> ครอบโค๊ดไว้ เช่น

<pre>
import { Component } from '@angular/core';
import { AlertController } from 'ionic-angular';
 
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
</pre> 

จะได้

Continue reading