程序喵
我们使用纯文本写代码，有了Markdown又可以使用纯文本写文档，那么对于更直观的信息表达方式——图片，能不能使用纯文本描述呢？（如图所示）
AsciiFlow是什么
AsciiFlow：在线流程图绘制平台是一个强大的在线ASCII图形绘制工具，ASCIIFlow是上世纪九十年代黑客们最爱的制作流程图表方式，全文本易传播，Geek 风格的反璞归真。
官网地址：http://asciiflow.com
AsciiFlow如何使用
AsciiFlow用法极其简单，如下图大家一看就会了
制作完成之后，可以直接copy出纯文本
copy出之后，直接粘贴即可完成。非常方便
+---------------------------+---------------------------+ | | | | | | | | | | + | | | +--------+ chengxumiao Welcome to you -----------+ | | | | | + | | | | | | | | | | | ^ | +---------------------------+---------------------------+
asciiflow 中文支持
asciiflow 是一款纯文本流程图制作软件，上世纪九十年代黑客的最爱，不幸的是，目前无法支持中文输入。
修改后的文件，已上传百度网盘：https://pan.baidu.com/s/1qXDCw9m 密码：2gwc
asciiflow 写入文本代码
代码的大致意思，就是获取了输入域的值，循环遍历，先判断是否是换行符，如果不是，则占用一个标准占位
f.g = function() {
var a = $("#text-tool-input").val();
N(this.state);
for (var b = 0, c = 0, d = 0;d < a.length;d++) {
"\n" == a[d] ? (c++, b = 0) : (L(this.state, this.b.add(new p(b, c)), a[d]), b++);
}
};修改后的代码如下：
f.g = function() {
var a = $("#text-tool-input").val();
N(this.state); for (var b = 0, c = 0, d = 0;d < a.length;d++) { if("\n" == a[d]){
(c++, b = 0)
}else{ var reg = new RegExp("[\\u4E00-\\u9FFF]+","g"); if(reg.test(a[d])){//判断是否是中文，是则占用两个标准占位
(L(this.state, this.b.add(new p(b, c)), a[d]), b=b+2);
}else{
(L(this.state, this.b.add(new p(b, c)), a[d]), b++);
}
}
}
};效果图
支持中文，在线演示点击如下按钮
另外，使用Asciiflow之外，还有Graph::Easy、ASCIIO这两种，这两种安装需要Per支持
参考地址
asciiflow 中文支持：https://blog.csdn.net/LDS20090241162/article/details/78870217
制作「ASCII 流程图」工具——Graph Easy：https://segmentfault.com/a/1190000011993254
未经允许请勿转载：程序喵 » asciiflow 在线可视化纯文本流程图绘制