# 第10章 最终的功能 - 编辑和删除文章
前半部分本章代码操作为主,没有特殊的文档,代码提交如下
# 10-1 添加编辑和删除区域
代码提交:https://git.imooc.com/coding-449/zheye/commit/d0813a8d2fa2e249644b55037c59bcaebd698fa8
# 10-2 修改文章编码 第一部分 - 改进 Uploader 组件
代码提交:https://git.imooc.com/coding-449/zheye/commit/7e0e766c5235cd7e3041193d69b19cfe57e52faa
# 10-3 修改文章编码 第二部分 - 改进 ValidateInput 组件
代码提交:https://git.imooc.com/coding-449/zheye/commit/4c92c76590722b38bf7a92db412117cc162d133b
# 10-4 修改文章编码 第三部分 - 完成编辑功能
代码提交:https://git.imooc.com/coding-449/zheye/commit/921bf0a111df1b7dc75d9ba7be3e75fec313631c
# 10-5 Modal组件编码
Bootstrap Modal 文档地址:https://getbootstrap.com/docs/5.1/components/modal/
代码提交:https://git.imooc.com/coding-449/zheye/commit/a468528e3046293de2a42bb3b72263dac923f530
# 改造 markdown 编辑器
# 目前流行的 markdown 编辑器
- SimpleMDE - https://simplemde.com/ (六年没有更新,不维护了)
- EasyMDE - https://github.com/Ionaru/easy-markdown-editor (SimpleMDE 的 fork,现在最流行的方案)
- cherry-markdown - https://github.com/Tencent/cherry-markdown (腾讯的开源产品,大家可以自己去了解下)
# 开源库的查找以及选择标准
- 使用英文搜索(google 或者 github)
- Star 数目
- 更新时间以及频率
- 提供 Demo
EasyMDE 的所有的选项:https://github.com/Ionaru/easy-markdown-editor#options-list
EasyMDE 的事件列表: https://github.com/Ionaru/easy-markdown-editor#event-handling
我开源的 Vue3-EasyMDE 的项目地址:https://github.com/vikingmute/vue3-easymde