[測試篇]MarkDown之代碼塊行號+折疊圖片

對比測試代碼編號

$(function(){
    $('pre code').each(function(){
    	texts = $(this).text().replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&')
        .replace(//g, '>').replace(/'/g, ''').replace(/"/g, '"')        
        var codetext = texts.split('\n');
        var code = '';
        $(codetext).each(function(v){
        	code += '
'+codetext[v]+'
';
        })        
        code = '
  
  
  
          

           
   
   
   '+code+'
  
  
  
          
';
        $(this).html(code);
    });
});

測試markdown常規代碼塊

    $('pre code').each(function(){
    	texts = $(this).text().replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&')
        .replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/'/g, '&#39;').replace(/"/g, '&quot;')        
        var codetext = texts.split('\n');
        var code = '';
        $(codetext).each(function(v){
        	code += '<li>'+codetext[v]+'</li>';
        })        
        code = '<ol>'+code+'</ol>';
        $(this).html(code);
    });
});

測試圖片折疊效果