cherry-markdown icon indicating copy to clipboard operation
cherry-markdown copied to clipboard

有序列表、无序列表、checklist支持所见即所得编辑

Open sunsonliu opened this issue 1 year ago • 2 comments

有点麻烦,懒的描述了 主要思想是:

  • 利用关键字定位对应的md源码
  • 利用contenteditable="true"实现编辑能力
  • 利用engine.makeMarkdown(html:string)将右侧预览区域输入的内容转义成md源码并更新到左侧编辑区
  • 监听enter键,enter时会插入新行(li)
  • 监听tab/shift+tab键,实现行的缩进和逆向缩进
  • 当用户输入**xx**时,需要自动渲染成<strong>xx</strong>(该功能应该是默认支持的)

sunsonliu avatar Aug 21 '23 09:08 sunsonliu

Merged #553

ufec avatar Sep 05 '23 07:09 ufec

issue先不关闭,交互体验还需要打磨下,后续提交继续关联到这个issue里

sunsonliu avatar Sep 05 '23 10:09 sunsonliu