Laravel代码高亮SUPER

注意, 要设置代码块的语言, 才会有代码高亮, 如下设置 PHP :

  1. <?php  
  2. echo "Hello World";  
  3. ```  

渲染出来就是:

  1. <?php 
  2. echo "Hello World"

来一个 css 的代码高亮

  1. @font-face { 
  2.     srcurl(http://lea.verou.me/logo.otf); 
  3.     font-family'LeaVerou'
  4.  
  5. /* 
  6.  Shared styles 
  7.  */ 
  8.  
  9. section h1
  10. #features li strong, 
  11. header h2
  12. footer p { 
  13.     font100% Rockwell, Arvo, serif; 

HTML 的代码高亮

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.     ... 
  5.     <link href="themes/prism.css" rel="stylesheet" /> 
  6. </head> 
  7. <body> 
  8.     ... 
  9.     <script src="prism.js"></script> 
  10. </body> 
  11. </html> 

Javascript 的代码高亮

  1. // Read a page's GET URL variables and return them as an associative array. 
  2. function getUrlVars() 
  3.     var vars = [], hash; 
  4.     var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
  5.  
  6.     for(var i = 0; i < hashes.length; i++) 
  7.     { 
  8.         hash = hashes[i].split('='); 
  9.         vars.push(hash[0]); 
  10.         vars[hash[0]] = hash[1]; 
  11.     } 
  12.  
  13.     return vars; 

转载请注明:代码家园 » Laravel代码高亮SUPER

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)