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

标签 javascript html wysiwyg

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

如果你想检查我所说的行为,只需

  1. 转到此页面:https://www.froala.com/wysiwyg-editor
  2. 然后删除编辑器中的所有demo内容
  3. 然后在媒体、维基百科或其他任何地方复制一些文章
  4. 然后粘贴到编辑器中

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

他们如何获得这种风格?

最佳答案

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

关于javascript - 流行的JS所见即所得编辑器如何访问复制粘贴网页的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49097249/

相关文章:

javascript - Prezi HTML5 编辑器通过 impress.js

MYSQL 命令行 SELECT INTO OUTFILE, LOAD DATA INFILE ... INTO TABLE 到 CSV,列中包含 html 数据

javascript - jsp 中的所见即所得编辑器

javascript - 我怎样才能在拉斐尔中绘制印度卢比符号

javascript - Object.prototype.isPrototypeOf 与 obj.prototype.isPrototypeOf

php - 如何将我的一串数字输入数组以获得最频繁出现的数字?

html - Z-index div 重叠全屏 vimeo wordpress

html - 为什么我的 Flash 动画覆盖了我的 div 位置?

javascript - Angular js,从服务传递对象

javascript - 使用 javascript 从 div 元素获取背景图像的 url