teach training camp frontend 源码

教训练营前端 项目说明 基本支持Github标准Markdown语法: 。 该工具栏参考了写文章中的设计,目前已实现标题,粗体,斜体,引用,链接,图片,代码,代码块,无序列表,有序列表,删除线,任务列表,表格选项功能,可一键插入文档中。 技术方案 使用了最基本HTML + CSS + JS三件套实现,主要思想是使用正则表达式来识别和匹配,先进行块格式的识别,再进行行内格式的识别。 JS包括两个文件ParseMarkdown.js和toolbox.js ,前者来负责Markdown格式-HTML格式的转换,可以实现工具栏对文本的相关功能格式添加。 HTML主要是使用<textarea>作为写作区域,在呈现渲染的结果。 相关亮点 常用的写作语法匹配准确度较高。 工具的各个功能鼠标悬浮时有变色提示和功能名出现,可以确认当前功能用途。 工具级别的各功能会根据当前是否有预期的文字表示