html - 为什么tinymce在复制粘贴html时插入？

Question

我正在使用最新版本的 TinyMce，

当我从 wikipedia 复制粘贴一些 html 内容时，它实际上插入了许多 源代码中不存在的内容。

例如，我从 wikipedia 中选择以下字符串：

trained professionals and paraprofessionals coming

从这个页面：http ://en.wikipedia.org/wiki/Health_care

它具有以下源代码：

trained <a href="/wiki/Professional" title="Professional">professionals</a> and <a href="/wiki/Paraprofessional" title="Paraprofessional">paraprofessionals</a> coming

注意：正如我们所见，没有 noob-spaces (  )。

然后，当我将它粘贴到 tinymce 时，它​​会生成以下 html：

<h3 style="background-image: none; margin: 0px 0px 0.3em; overflow: hidden; padding-top: 0.5em; padding-bottom: 0.17em; border-bottom-style: none; font-size: 17px; font-family: sans-serif; line-height: 19.200000762939453px;"><span style="font-size: 13px; font-weight: normal;">trained&nbsp;</span><a style="text-decoration: none; color: #0b0080; background-image: none; font-size: 13px; font-weight: normal;" title="Professional" href="http://en.wikipedia.org/wiki/Professional">professionals</a><span style="font-size: 13px; font-weight: normal;">&nbsp;and&nbsp;</span><a style="text-decoration: none; color: #0b0080; background-image: none; font-size: 13px; font-weight: normal;" title="Paraprofessional" href="http://en.wikipedia.org/wiki/Paraprofessional">paraprofessionals</a><span style="font-size: 13px; font-weight: normal;">&nbsp;coming</span></h3>

或者，作为纯文本，它看起来像这样：

trained professionals and paraprofessionals coming together

这实际上破坏了我的布局，因为它全部放在一行中（作为一个单词）。

任何想法为什么它会这样做以及如何防止它？

Answer 1

每当您从网站复制某些内容时，它也会复制文本的样式。因此，您需要做的就是先将复制的内容粘贴到记事本中，然后从那里您可以再次复制相同的内容，然后粘贴到 tinymce 中。

(Notepad gives you the plain content without any inline style)

Answer 2

首先将内容复制到任何地方（维基百科、谷歌等）。过去记事本文件中的所有内容。将记事本内容复制到Tiny MCE 编辑器后，将删除总的反向链接和空格。这是使用这种类型的更好方法。

Answer 3

从网页复制内容时，在浏览器中使用查看源代码并从源代码中复制相关部分，然后以“原始模式”（源代码模式、HTML 模式，不管它叫什么——我想 TinyMce 有这样一个模式；如果没有，请使用更好的工具）。为了使这更容易，在 Firefox 中，您可以绘制一个区域，然后右键单击并选择查看选择源的选项。（嗯，这可能需要像 DOM Inspector 这样的附加组件，我不确定。）

即使在“原始”模式下，TinyMce 也有可能将空格转换为其他内容。我在 CMS 中看到过这样的事情（将正常空间虚假地更改为不间断空间），但没有找到任何解释，我希望我不再需要使用这样的 CMS。