制作简易Markdown解析器

思路

1.简易markdown部分语法与html中的对应关系

符号标签内容
# <h1></h1>
## <h2></h2>
### <h3></h3>
(以此类推)

***(多个*或-)分割线 <hr>

** 粗体 <b></b>
*斜体* <i></i>

***斜体加粗*** 组合i、b标签

代码块 <pre></pre>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y6jt5deu-1582509173337)(href)]

img嵌入p标签

[title](href)

a嵌入p标签

2.读取本地md文件
3.html中的开头和结尾代码
4.合成并导出html文件

js异常处理机制：https://blog.csdn.net/sdta25196/article/details/78841666

谷歌浏览器控制台：https://blog.csdn.net/weixin_43645287/article/details/87872109

重点的知识

总结

第一次(以前没有)尝到了google浏览器debug的功能，简直美滋滋
掌握正则表达式语法以后利用各语言的替换语法替换字符

资源

正则表达式语法*

https://baijiahao.baidu.com/s?id=1588848792548192879&wfr=spider&for=pc

正则表达式之简易Markdown解析器*

https://www.cnblogs.com/woai3c/p/10245792.html

github上已有的css样式

https://www.cnblogs.com/qj0813/p/5110211.html

添加html头部和尾部的代码

https://blog.csdn.net/marksinoberg/article/details/51863506

js读取文件数据

https://blog.csdn.net/qq_29002631/article/details/80341744

详细的h5 + js 的文件操作方法

https://segmentfault.com/a/1190000006600936

补充js对数据保存处理的方法之一

https://blog.csdn.net/txp1993/article/details/70046443

Blob对象

https://www.cnblogs.com/qinmengjiao123-123/p/5603057.html

深入理解逻辑符*

https://www.jb51.net/article/88781.htm#

ES6箭头函数

https://blog.csdn.net/github_38851471/article/details/79446722

补充：

水平制表符的空格数
https://www.cnblogs.com/qingergege/p/6104577.html

全局替换制表符
https://www.cnblogs.com/BobXie85/p/9901104.html

补一个demo

制作简易Markdown解析器相关推荐

刘光瑞php,PHP Markdown 解析器 HyperDown
软件介绍 HyperDown 是 SegmentFault 开发的一个结构清晰.易于维护.现代的 PHP Markdown 解析器. Markdown已经面世许多年了,国内外许多大大小小的网站都在用它 ...
Java如何解析markdown_使用Java实现的一款Markdown解析器md2x
使用Java实现的一款Markdown解析器md2x 前段时间在写自己的博客程序的时候,在前台使用了marked.js来解析自己的markdown文章,然后发现在进入文章页面的时候总会闪烁一下(前台解 ...
Android 平台下的原生 Markdown 解析器
Markdown 项目地址:zzhoujay/Markdown 简介:Android 平台下的原生 Markdown 解析器 Android 平台的原生 Markdown 解析器,已整合进 RichT ...
Android制作简易的调色器，并实现复制色值的功能
Android制作简易的调色器,并实现复制色值的功能我们上课老师让做的作业,参照别人的代码,可能不够完善,请大家见谅- 主要用到SeekBar控件先展示效果图吧点击复制的Button,弹出提示信 ...
小笔记：表 - 各种语言的 CommonMark Markdown解析器实现
表:各种语言的 CommonMark Markdown解析器实现本文地址:https://blog.csdn.net/qq_28550263/article/details/128735962 1 ...
ios 分段判断小说阅读器_还在用别的小说阅读器？今天教你用Python制作简易小说阅读器！...
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理以下文章来源于腾讯云作者:Python进阶者 /前言/ 不知从什么时候开始.小说 ...
python写小说阅读器_手把手教你用Python制作简易小说阅读器
/前言/ 不知从什么时候开始.小说开始掀起了一股浪潮,它让我们平日里的生活不在枯燥乏味,很多我们做不到的事情在小说里都能轻易实现. 今天我们要做的就是一个小说阅读器了,一个可以将你的文章中的字每隔多少 ...
python代码阅读器_还在用别的小说阅读器？今天教你用Python制作简易小说阅读器！...
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理以下文章来源于腾讯云作者:Python进阶者 /前言/ 不知从什么时候开始.小说 ...
简易XML解析器（C++）
XML在web的应用是很广泛的,但对于普通c++程序员恐怕用得不多,xml灵活的格式使得一些设置文件描述变得很容易,但是应用他总是困难的,网络上XML解析器庞大的吓人,如果为了解析很简单的XML也要学 ...

制作简易Markdown解析器

目录

思路

过程

总结

资源

制作简易Markdown解析器相关推荐

最新文章

热门文章