我正在使用最新版本的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(
)。
然后当我将它粘贴到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 </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;"> and </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;"> coming</span></h3>
或者,作为纯文本,它看起来像这样:
trained professionals and paraprofessionals coming together
这实际上打破了我的布局,因为它都在一行中(作为一个单词)。
为什么会这样做以及如何预防呢?
答案 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。