Crayon Theme | Phaisarn Sutheebanjard

สำหรับ Themes เริ่มต้นคือ classic โดยไม่ต้องกำหนดชื่อ theme
[code]
<pre class="lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ coda-special-board
[code]
<pre class="theme:coda-special-board lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ coy
[code]
<pre class="theme:coy lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ dark-terminal
[code]
<pre class="theme:dark-terminal lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ eclipse
[code]
<pre class="theme:eclipse lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ epicgeeks
[code]
<pre class="theme:epicgeeks lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ familiar
[code]
<pre class="theme:familiar lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ feeldesign
[code]
<pre class="theme:feeldesign lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ flatui-light
[code]
<pre class="theme:flatui-light lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ tomorrow-night
[code]
<pre class="theme:tomorrow-night lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

เลือก Themes ชื่อ son-of-obsidian
[code]
<pre class="theme:son-of-obsidian lang:default mark:5,6 decode:true " >
…
…
</pre>
[/code]
จะได้

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

import { Component } from '@angular/core';

import { AlertController } from 'ionic-angular';

@Component({

selector: 'page-home',

templateUrl: 'home.html'

})

Link

Crayon Syntax Highlighter Plugin Theme Color Previews (Demo)