Web端，怎么实现类似有道云笔记和evernote那样的“富文本”复制?

Question

我们公司想要开发一个新功能，有点类似笔记吧。
就是允许用户复制一个网页上的内容，然后粘贴到一个编辑器里，这个编辑器会保留原先的文字样式、图片等等。就像有道云笔记，Evernote那样，请问这个怎么实现啊？

有什么好的开源项目可以用吗？

多谢

Answer 1

读取目标页面的信息 把样式解析到每个节点的style上

Answer 2

给 div 加上contenteditable属性，粘贴 web 内容到这个 div 就会自动带上完整的标签元素。
开源项目可以尝试quill-editor。
其它基于contenteditable属性开发的富文本编辑器也同样适用。