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

时间:2012-08-23 06:09:34

标签: html tinymce wysiwyg

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

当我从维基百科中复制粘贴一些html内容时,它实际上会插入许多 来源。

示例,我从维基百科中选择以下字符串:

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(&nbsp;)。

然后当我将它粘贴到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&nbsp;professionals&nbsp;and&nbsp;paraprofessionals&nbsp;coming together

这实际上打破了我的布局,因为它都在一行中(作为一个单词)。

为什么会这样做以及如何预防呢?

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

从网页复制内容时,在浏览器中使用View Source并从源中复制相关部分,然后将其插入“原始模式”(源模式,HTML模式,无论它叫什么 - 我认为TinyMce有得到这样的模式;如果没有,得到一个更好的工具)。为了简化这一过程,在Firefox中,您可以绘制区域,然后右键单击并选择查看选择源的选项。 (好吧,这可能需要一个像DOM Inspector这样的附加组件,我不确定。)

即使在“原始”模式下,TinyMce也有可能将空间转换为其他内容。我已经看到这样的事情发生在CMS中(虚假地将正常空间改变为不间断空间),没有找到解释,我希望我不再需要再使用这样的CMS。