在图灵社区使用 Markdown 写文章时,如果在一段文字的每行开头加上四个空格,或者一个制表符(Tab),这段文字就会被视为程序代码。这样,就会自动识别所用的编程语言,进行代码染色,语法高亮显示。但是,如果这段程序很长的话,就有两个小问题:

  1. 每行的开头要加上空格或制表符,很麻烦。
  2. 如果要显示行号的话,就更麻烦了。

因此,我用 C# 语言写了小程序,建设一个 ASP.NET 4 网站来解决上述两个麻烦:

[+]查看原图

在这个网页中:

  • Line Count 复选框表示是否需要加上行号。
  • Prefix 中的的 SpaceTab 无线按钮让你选择每行开头是增加空格还是制表符。
  • Prefix Count 文本框让你输入缩进的层次。默认是缩进一层 。但是如果遇到在有序列表或无序列表中的程序代码,就需要缩进两层,甚至更多层了。

这个网站的总体结构如下所示:

网站的配置文件 Web.config 如下所示:

<?xml version="1.0" encoding="utf-8"?>
<configuration><system.web><httpRuntime requestValidationMode="2.0" /><globalization requestEncoding="utf-8" responseEncoding="utf-8" /></system.web>
</configuration>

网站的 Web 页面文件 CodeFormat.aspx 如下所示:

<%@ Page validateRequest="false" Language="C#" inherits="Skyiv.Ben.Web.CodeFormatPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Code Format</title>
</head>
<body><form id="form1" runat="server"><asp:Button Onclick="Submit" Text="Submit" Runat="Server" /><span style="background-color:LightBlue;"><asp:CheckBox Id="chkLineCount" Text="Line Count" Checked="True" Runat="Server" />&nbsp;</span>&nbsp;<span style="background-color:LightBlue;">&nbsp;Prefix:<asp:RadioButton Id="rbnSpace" Text="Space" Checked="True"GroupName="Prefix" Runat="Server" /><asp:RadioButton Id="rbnTab" Text="Tab"GroupName="Prefix" Runat="Server" />&nbsp;</span>&nbsp;<span style="background-color:LightBlue;">&nbsp;Prefix Count:<asp:TextBox Runat="Server" Id="tbxLevel" Text="1" Columns="2" MaxLength="1" />&nbsp;</span><hr /><div><asp:TextBox Runat="Server" Id="tbxInput" Wrap="False"TextMode="MultiLine" Columns="80" Rows="10" /><br /><asp:TextBox Runat="Server" Id="tbxOutput" ReadOnly="True" Wrap="False"TextMode="MultiLine" BackColor="LightBlue" Columns="80" Rows="10" /></div></form>
</body>
</html>

以及对应的后台 C# 代码 CodeFormat.aspx.cs:

 1: using System;2: using System.IO;3: using System.Web;4: using System.Web.UI;5: using System.Web.UI.WebControls;6: using Skyiv.Utils;7: 8: namespace Skyiv.Ben.Web9: {10:   public class CodeFormatPage : Page
11:   {12:     protected TextBox tbxInput;
13:     protected TextBox tbxOutput;
14:     protected TextBox tbxLevel;
15:     protected CheckBox chkLineCount;
16:     protected RadioButton rbnTab;
17:
18:     protected void Page_Load(object sender, EventArgs e)
19:     {20:       tbxOutput.Text = string.Format(" OS: {1} ({2}-bit){0}CLR: {3}",
21:         Environment.NewLine, Environment.OSVersion,
22:         Environment.Is64BitOperatingSystem ? 64 : 32,
23:         Environment.Version);
24:     }
25:
26:     protected void Submit(object sender, EventArgs e)
27:     {28:       var writer = new StringWriter();
29:       new CodeFormat(new StringReader(tbxInput.Text),
30:         writer).Run(chkLineCount.Checked, rbnTab.Checked, GetLevel(tbxLevel.Text));
31:       tbxOutput.Text = writer.ToString();
32:     }
33:
34:     int GetLevel(string str)
35:     {36:       int n;
37:       if (!int.TryParse(str, out n)) n = 1;
38:       return Math.Min(5, Math.Max(0, n));
39:     }
40:   }
41: }

上述程序中:

  • 第 34 至 39 行的 GetLevel 方法读取 Prefix Count 文本框中的缩进层次,返回结果限制在 0 到 5 之间。
  • 第 26 至 32 行的 Submit 方法在 Web 页面中的 Submit 按钮被点击时被调用。
  • 第 29 至 30 行调用 CodeFormat 类的 Run 方法对程序代码进行格式化(加行号、行首空格等)。

下面就是 CodeFormat 类的源程序代码 CodeFormat.cs:

 1: using System;2: using System.IO;3: using System.Collections.Generic;4: 5: namespace Skyiv.Utils6: {7:   sealed class CodeFormat8:   {9:     TextReader reader;
10:     TextWriter writer;
11:
12:     public CodeFormat(TextReader reader, TextWriter writer)
13:     {14:       this.reader = reader;
15:       this.writer = writer;
16:     }
17:
18:     public void Run(bool hasCount, bool isTab, int level)
19:     {20:       Write(Read(), hasCount, isTab, level);
21:     }
22:
23:     List<string> Read()
24:     {25:       var lines = new List<string>();
26:       for (string s; (s = reader.ReadLine()) != null; ) lines.Add(s);
27:       return lines;
28:     }
29:
30:     void Write(List<string> lines, bool hasCount, bool isTab, int level)
31:     {32:       var prefix = "".PadLeft((isTab ? 1 : 4) * level, isTab ? '\t' : ' ');
33:       var format = "{0}" + (hasCount ? "{1," +
34:         lines.Count.ToString().Length + "}: " : "") + "{2}";
35:       var count = 0;
36:       foreach (var line in lines)
37:         writer.WriteLine(format, prefix, ++count, line);
38:     }
39:   }
40: }

上述程序中:

  • 第 9 至 10 行的 TextReaderTextWriter 分别用于读取数据和输出格式化后的结果,这两个类是抽象基类。
  • 在这个网站中,是使用 StringReaderStringWriter 派生类,对应于 Web 页面的 tbxInputtbxOutput 文本框。
  • 如果使用 StreamReaderStreamWriter 派生类,就可以从输入流读取数据,写到输出流中。
  • 如果使用 Console.InConsole.Out,就可以从标准输入读取数据,写到标准输出。
  • 第 23 至 28 行的 Read 方法读取数据到内存的 List<string> 数据结构中。
  • 第 30 至 38 行的 Writer 方法将内存中的数据格式化后写出去。
  • 第 32 行根据 isTablevel 参数决定程序代码数据每行的前缀。
  • 第 33 至 34 行根据 hasCount 参数决定行号的内容。
  • 第 34 行的 lines.Count.ToString().Length 是行号所占的宽度。
  • 第 36 至 37 行的循环逐行格式化数据。

最后是 Makefile:

CSC = dmcs
DLL1 = -r:System.Web.dll../bin/CodeFormat.dll: CodeFormat.aspx.cs CodeFormat.cs$(CSC) -out:$@ -t:library $(DLL1) CodeFormat.aspx.cs CodeFormat.cs

有了上面的源程序后,执行 make 命令编译整个网站:

src$ make
dmcs -out:../bin/CodeFormat.dll -t:library -r:System.Web.dll CodeFormat.aspx.cs CodeFormat.cs

这就大功告成了。

from: http://www.ituring.com.cn/article/35350

怎样在 Markdown 中使程序代码带上行号相关推荐

  1. 如何添加行号 c语言,如何为程序代码加上行号

    若需要将程序代码放进词交报告或做文件时,或许我们会想将程序代码加上行号方便讲解,如同博客园显示程序代码那样,我们该如何做呢? 介绍 使用环境:Visual C++ 9.0/视觉演播室2008年 一段C ...

  2. MarkDown中插入的代码块无法自动识别换行

    MarkDown中插入的代码块无法自动识别换行 1.插入代码块的两种方式 单行的代码,就一个 ` 多行的代码块就三个```补充说明,可根据自己编写代码块的语言,设定对应的标签(比如Java-java, ...

  3. 将文本文件abc.txt中的所有行加上行号后写到newabc.txt文件中

    问题及代码: /* *Copyright (c) 2016,烟台大学计算机学院 *All rights reserved. *文件名称:main.cpp *作 者:李磊涛 *完成时间:2016年6月2 ...

  4. 那些出现在电影中的程序代码

    高科技无关的电影也偶尔会出现一些跟计算机相关的镜头.文本搜罗的是在各种电影中出现过的代码,它们有的是黑客脚本,有的是绝密文件,有的就是为了摆酷,文中对这些代码都有截屏,你是否能看出它们是什么语言? 一 ...

  5. 在REXX中使程序暂时等待的方法

    REXX本身没有提供任何线程控制方法,它本身就不是一个支持多线程的语言. 然而,我们可以通过调用TSO的方法,来实现使一个REXX程序暂时等待. (当然这种方法只在TSO环境中有效.) 方法如下: S ...

  6. 简单的java程序代码带注释,Java:基于注释的代码注入的简单技术?

    使用反射很容易只使用@Audit注释方法,就像JUnit中的测试运行器一样: public interface Login { void login(String name, String passw ...

  7. 在Js中使程序睡眠的sleep方法

    此函数能使js睡眠,将函数贴到代码中即可使用 使用例子: sleep(5000);  //睡眠5秒 function sleep(numberMillis) {var now = new Date() ...

  8. Markdown中希腊字母与代码对应表

    字母 代码 α\alphaα $\alpha$ β\betaβ $\beta$ γ\gammaγ $\gamma$ Γ\GammaΓ $\Gamma$ δ\deltaδ $\delta$ Δ\Delt ...

  9. Delphi 程序中实现程序自带系统XP主题风格,UAC管理员权限,WIN10支持manifest文件内容

    <assembly xmlns="urn:schemas-microsoft-com:asm.v1" manifestVersion="1.0">& ...

最新文章

  1. 从域环境搭建到域渗透
  2. 计算机组成原理模拟试题,计算机组成原理模拟试题及答案
  3. convert.todatetime指定日期格式_MATLAB的时间与日期
  4. noi.ac #543 商店
  5. 作者:余超(1993-),男,作者:华东政法大学民商法学硕士生,主要研究方向为民商法。...
  6. python socket send_全网最详细python中socket套接字send与sendall的区别
  7. 如何在Xcode 4中“添加现有框架”?
  8. 循序渐进PostgreSQL: 学习pqxx C++ API访问
  9. LaTeX实战经验:如何插入程序代码
  10. 思科交换机配置trunk模式及vtp
  11. STN(Spatial Transformer Networks)
  12. 【Unity】Unity寻路系统讲解及Navigation实际应用
  13. java常见问题incompatible types
  14. 数据采集系统的抗干扰措施
  15. Android熄屏与亮屏控制
  16. ssh mysql jsp码头船只出行及配套货柜码放管理系统的设计与实现
  17. 同事之间都有哪些潜规则?
  18. 人民币大写与数字互转
  19. android 打包多个apk注意事项:
  20. PIC 1508 DAC使用

热门文章

  1. 从重采样到数据合成:如何处理机器学习中的不平衡分类问题?
  2. 智能理财在国内国外的发展现状
  3. 京东金融曹鹏:没有数据的金融科技公司是纸上谈兵
  4. 开源后5个月,Google的深度学习都有哪些改变?
  5. 分布式项目启动时报错:Duplicate spring bean id XXX
  6. 白话Elasticsearch06- 深度探秘搜索技术之手动控制全文检索结果的精准度
  7. h5实现网页内容跟随窗口大小移动_HTML5使用四种方法实现移动页面自适应手机屏幕的方法总结...
  8. java aop 切面判断对象是否是一个类的实例
  9. html列表穿插广告怎么实现,基于innerHTML中的script广告实现代码[广告全部放在一个js里面]...
  10. 数据结构特性解析 (四)LinkedList