做一个 js 富文本编辑器，需要学习哪些知识点？

[Shook]

我已清楚使用 document.execCommand 能够实现很多编辑器需要的效果。 但我在试图将编辑器封装成一个.vue 组件，发现 v-model 会使编辑框的光标会跑回到头一位。 可能是我搜索方法不当，但我没找到太多关于做富文本编辑器的知识，我需要学习什么才能解决这个问题？

还有个问题是，如何让 execCommand 方法的应用范围限制在某个标签呢？比如在页面内有几个编辑框，它们允许的操作各不相同，有的能够进行粗体操作而有的不行。

[wunonglin]

直接参考 icloud 备忘录吧，换种思路能让你跳出这个坑

[rabbbit]

推荐找个现成的封装一下,这东西是大坑.
https://aaron-bird.github.io/2019/06/09/%E5%9C%A8%20Vue%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20TinyMCE/

[learnshare]

没两三年，做不出好用的东西
https://www.zhihu.com/question/38699645

[starsriver]

百度做的编辑器改改就行。动辄几万行的代码不是一个人几天就能搞完的。而且兼容性很麻烦，现有的所见即所得实在是难用，大家都 md 了。富文本不光是编辑还要独立写各种各样的模块，图片视频上传，表格，插件。

[AlphaTr]

@Shook #15 可以看看 tiptap