doocs / md

✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性
https://doocs.github.io/md/
Do What The F*ck You Want To Public License
5.88k stars 948 forks source link

支持快捷添加内容 #398

Open yanglbme opened 2 months ago

yanglbme commented 2 months ago

1. 想法

在编辑框内容为空时,展示 placeholder:输入 "/" 快捷添加内容

image

用户输入 / 时,唤起选项弹窗,示例:

image

image

2. 参考

LeetCode 新版编辑器

image

yanglbme commented 2 months ago

可以交流,讨论下

YangFong commented 2 months ago

该功能并不是必要的。

我们的编辑内容仅限于 Markdown,除了表格之外,绝大多数的标记写法都非常简单。

参见 Typora 与 Obsidian,它们更推崇的是使用快捷键来快速编写实现。

那么有哪类产品会使用该功能呢?涉及富文本与特殊格式编辑时。如 Tiptap 和 Notion。

为什么?因为它们扩展了更多格式,这些格式不便直接通过标记来实现,而快捷键又不够用,于是通过指令的方式,会更为方便。

而关于快捷键的问题,也有点烦,因为是一个网页,不少默认的快捷键设定与浏览器会产生冲突。

参见:

image

image image
YangFong commented 2 months ago

该方案实现可参见:https://github.com/Gk0Wk/TW5-CodeMirror-Enhanced