# 第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