使用 TypeScript 和 React 构建应用:Markdown 编辑器与个人联系人管理器
1. Markdown 编辑器开发要点
在开发应用时,需求是会变化的。当需求改变时,我们要确保更新需求,不做无端假设,并检查已完成的工作是否符合更新后的需求。
在之前开发的 Markdown 编辑器应用中,实现了对用户在文本区域输入内容的响应,并将转换后的文本更新到标签中。文本转换由多个类处理,每个类仅负责单一职责。这样做是为了从一开始就学习使用行业最佳实践,让代码更简洁、更不易出错,因为设计良好且职责单一的类比功能繁杂的类更不容易出现问题。
同时,引入了访问者和责任链模式,将文本处理分为判断一行是否包含 Markdown 以及添加相应的 HTML 编码文本。模式在软件开发问题中广泛存在,它们不仅能清晰地说明如何解决问题,还提供了一种明确的语言,当有人说某段代码需要特定模式时,其他开发者能清楚知道该代码要实现的功能。
以下是一些待解决的问题:
1. 目前应用仅对用户使用键盘更改内容做出反应,用户可能会使用上下文菜单粘贴文本,需要增强 HtmlHandler 方法以处理用户粘贴文本的情况。
2. 已添加了 H1 到 H3 的支持,HTML 还支持 H4、H5 和 H6,需要添加对这些标签的支持。
3. 在 CanHandle 代码中调用了 Visitable 代码,需要更改基础 Handler 类,使其调用 Accept 方法。
超级会员免费看
订阅专栏 解锁全文
745

被折叠的 条评论
为什么被折叠?



