当在javascript中创建div时,为什么会将哪些内容粘贴到令人满意的更改中?

时间:2014-11-04 13:26:17

标签: internet-explorer contenteditable paste

代码:http://jsbin.com/mewixajito/2/edit?html,js,console,output

我试图粘贴富文本/ html(来自一个网站/ google docs / word)。因此,在示例中,将一些富文本(例如粗体或有颜色的文本)复制到dynamic = truedynamic = false的jsbin输出中,并查看差异。

如果您将动态更改为true,则粘贴的内容将无法使用正确的样式,并且基本上会变为纯文本。

"Lorem Ipsum has been the industry"

如果dynamic为false(使用html中的contenteditable),则粘贴的内容为:

"<span id=\"docs-internal-guid-e65c220d-7af8-1058-1ff7-d7af0ef00ef9\" style='color: rgb(255, 0, 0); font-family: \"Courier New\"; font-size: 11px; font-style: italic; font-variant: normal; font-weight: bold; text-decoration: underline; vertical-align: baseline; background-color: rgb(255, 255, 0);'>Lorem Ipsum has been the industry</span><br>"

我想保留已设置样式的粘贴内容,但动态创建div。也许我以错误的方式创造它?

1 个答案:

答案 0 :(得分:0)

好的,因为它使用的是document.documentElement而不是普通的document.body