[测试篇]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 = '

1. '+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);
    });
});

测试图片折叠效果

转载于:https://www.cnblogs.com/gitwow/p/10334958.html