[测试篇]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);
    });
});

测试图片折叠效果