流行的JS所见即所得编辑器如何访问复制粘贴网页的样式



我不明白像Froala或Redactor这样的所见即所得如何能够呈现为正确的HTML,这是您刚刚从另一个网页复制的东西(如果您将其粘贴到其他地方,则只会呈现为文本(。

如果您想查看我所说的行为,只需

  1. 转到此页面 : https://www.froala.com/wysiwyg-editor
  2. 然后在编辑器中删除所有演示内容
  3. 然后在Medium,维基百科或其他任何东西上复制一些文章
  4. 然后将其粘贴到编辑器中

您可以看到它被呈现为正确的 HTML(您可以切换他们的编辑器以查看后面的实际 html(:粗体仍然是粗体,标题是标题等,就好像编辑器以某种方式能够访问复制页面的样式一样。

他们如何获得这种风格?

我是从事Froala编辑器工作的人之一。浏览器在浏览器剪贴板对象中放置正确的样式方面完成了大部分工作。当 HTML 粘贴到编辑器时,我们只是从浏览器剪贴板获取样式。

最新更新