对比测试代码编号

$(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, ''').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);
    });
    });

    测试图片折叠效果

    [测试篇]MarkDown之代码块行号+折叠图片的更多相关文章

    1. 在JAVA中如何获取当前源文件名以及代码的行号

      在最近经历中,遇见了这样一个问题,如何获取当前源文件名以及代码的行号,只是了解到C语言有预定义宏__FILE__.__LINE__,它们在预处理的时候都已经确定好了,但是在JAVA中应该怎么获取输出呢 ...

    2. vim 配置文件 ,高亮+自动缩进+行号+折叠+优化

      vim 配置文件 ,高亮+自动缩进+行号+折叠+优化 将一下代码copy到 用户目录下 新建文件为  .vimrc保存即可生效: 如果想所有用户生效 请修改 /etc/vimrc (建议先cp一份)& ...

    3. java提高篇(十二)-----代码块

      在编程过程中我们可能会遇到如下这种形式的程序: public class Test { { //// } } 这种形式的程序段我们将其称之为代码块,所谓代码块就是用大括号({})将多行代码封装在一起, ...

    4. IDEA中使用vim删除复制代码的行号

      从别的地方复制来的源代码有时候会把前面的行号也一起拷过来,如果只是十几行代码的话手工去除还是方便的,但是如果代码有很多行的话,一行一行地删就不明智了. 例如我要复制以下代码 1 public clas ...

    5. .net 取当前代码的行号及类名称

      取方法入口的行号及类名 //System.Diagnostics.StackTrace st = new System.Diagnostics.StackTrace(1, true); //int a ...

    6. linux vim 配置文件(高亮+自动缩进+行号+折叠+优化)

      点评:将一下代码copy到 用户目录下 新建文件为 .vimrc保存即可生效 如果想所有用户生效 请修改 /etc/vimrc (建议先cp一份)"===================== ...

    7. vim配置 高亮+自动缩进+行号+折叠+优化

      一:修改 .vimrc即可 二: set nocompatible " 关闭 vi 兼容模式syntax on " 自动语法高亮colorscheme molokai " ...

    8. vim 配置文件.vimrc,高亮+自动缩进+行号+折叠+优化

      将一下代码copy到 用户目录下 新建文件为  .vimrc保存即可生效: 如果想所有用户生效 请修改 /etc/vimrc (建议先cp一份)"====================== ...

    9. 【转】vim 配置文件 ,高亮+自动缩进+行号+折叠+优化

      将一下代码copy到 用户目录下 新建文件为  .vimrc保存即可生效: 如果想所有用户生效 请修改 /etc/vimrc (建议先cp一份) "===================== ...

    随机推荐

    1. iOS----------检测app进入后台或前台

      开发播放器的时候,经常需要检测app进入后台(暂停播放)或者进入前台(开始播放).方法非常简单. 1.检测app进入后台 // 在AppDelete实现该方法 - (void)applicationD ...

    2. Android Studio撤销与SVN的关联

      为何会记录这一个问题,主要是在做项目的过程中出现了一个奇怪的现象,就是直接在文件目录下使用svn上传文件的话,可以看到该目录是与SVN相关联的,可是到了用Android Studio上传代码的时候却发 ...

    3. 从零学习Fluter(二):win10上环境搭建以及模拟器和真机调试

      今天呢,又继续看了flutter 弗拉特 的东西,绝的这个东西绝对是比ReactNative更高一层次的,在2018年12月5好,flutter的第一个stale1.0发布了,我们在GitHub上可以 ...

    4. Python使用Plotly绘图工具,绘制散点图、线形图

      今天在研究Plotly绘制散点图的方法 使用Python3.6 + Plotly Plotly版本2.0.0 在开始之前先说说,还需要安装库Numpy,安装方法在我的另一篇博客中有写到:https:/ ...

    5. C#学习笔记---C#操作SQL数据库

      C#操作SQL数据库 Connection(连接)对象 连接字符串: 形式1.”server=;uid=;pwd=;database=” 形式2.”server=;Intergrated Securi ...

    6. 统计 flv视频总时长

      在学习孟媛的视频课程.网上能下载的是flv格式.那我在学习之前,我要统计一下这个课程的数量,他会用多长时间,这样方便我在学习过程中不断的回顾,进行时间管理.我大概就可以统计出来这个视频多长时间可以学完 ...

    7. LeetCode算法题-Trim a Binary Search Tree(Java实现)

      这是悦乐书的第284次更新,第301篇原创 01 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第152题(顺位题号是669).给定二叉搜索树以及L和R的最低和最高边界,修剪树以使其所 ...

    8. python 文件名的操作

      1.文件操作 open()文件句柄:获取文件的路径信息 open() 打开一个文件,获取文件句柄 read() 全部读出出文件中的内容 readline() 读取文件中逐一读取一行数据 readlin ...

    9. Python开发【内置模块篇】collections

      namedtuple namedtuple是一个函数,它用来创建一个自定义的tuple对象,并且规定了tuple元素的个数,并可以用属性而不是索引来引用tuple的某个元素. 这样一来,我们用name ...

    10. HBase Rowkey 设计指南

      为什么Rowkey这么重要 RowKey 到底是什么 我们常说看一张 HBase 表设计的好不好,就看它的 RowKey 设计的好不好.可见 RowKey 在 HBase 中的地位.那么 RowKey ...