对比测试代码编号

$(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. HTML和CSS前端教程05-CSS盒模型

      目录 1. CSS盒模型 1.1 元素的尺寸 1.2. 元素内边距 padding 1.3. 元素外边距 margin 1.4. 处理溢出overflow 1.5. 元素的可见性Visibility ...

    2. openlayers3 实现点选的几种方式

      WebGIS开发中,点击查询是最常用的一种查询方式,在ArcGIS api 中,这种查询叫IdentifyTask,主要作用是前台提交参数,交ArcServer查询分析返回.本文从开源框架的角度,从前 ...

    3. 仿9GAG制作过程(二)

      有话要说: 这次准备讲述用python爬虫以及将爬来的数据存到MySQL数据库的过程,爬的是煎蛋网的无聊图. 成果: 准备: 下载了python3.7并配置好了环境变量 下载了PyCharm作为开发p ...

    4. Kotlin入门(31)JSON字符串的解析

      json是App进行网络通信最常见的数据交互格式,Android也自带了json格式的处理工具包org.json,该工具包主要提供了JSONObject(json对象)与JSONArray(json数 ...

    5. 章节九、4-ChromDriver介绍

      一.首先下载Chrom浏览器驱动,将驱动解压到存放火狐浏览器驱动文件路径中(请观看前面的章节) 1.进入该网址下载匹配本地浏览器版本的驱动 http://chromedriver.storage.go ...

    6. 转摘Linux命令工作中常用总结

      Linux命令工作中常用总结   1. 搜索 在vi和vim中如果打开一个很大的文件,不容易找到对应的内容,可以使用自带的搜索关键字进行搜索定位: 在vi和vim界面中输入:"/" ...

    7. 转摘app-稳定性测试

      稳定性测试的概念有2种, 一, 稳定性测试,对应于异常性测试,即发生异常情况时,系统如何反应的测试.包含: 1 交互性测试,被打扰的情况,如来电,短信,低电量等.这些其实在上章的功能测试中有提到. 2 ...

    8. stereoscopic 3D

      色分(Anaglyph)模式:典型的如红蓝立体,是利用红镜片只允许红光通过,蓝镜片只允许蓝光通过的原理,将两幅视差的图片(一张红色.一张蓝色)叠加构成一张立体图片 由于红蓝立体去掉了绿色分量,会导致最 ...

    9. c/c++ 多线程 等待一次性事件 std::promise用法

      多线程 等待一次性事件 std::promise用法 背景:不是很明白,不知道为了解决什么业务场景,感觉std::async可以优雅的搞定一切的一次等待性事件,为什么还有个std::promise. ...

    10. Linux 自动化部署DNS服务器

      Linux 自动化部署DNS服务器 1.首先配置主DNS服务器的IP地址,DNS地址一个写主dns的IP地址,一个写从dns的地址,这里也可以不写,在测试的时候在/etc/resolv.conf中添加 ...