复制/粘贴到JS富文本编辑器中

时间:2012-02-18 12:42:15

标签: javascript html forms editor wysiwyg

我正在使用Ritch-Text Editor的mozilla示例HERE。一切似乎都很好,但是当从网页上复制/粘贴一个简单的文本时,它会添加许多不必要的html标签。例如,如果复制当前页面的最后一行;可怕的文字将是

        <p><span style="color: rgb(68, 68, 68); font-family: Arial, 'Liberation Sans',
     'DejaVu Sans', sans-serif; font-size: 13px; line-height: 12px; text-align: left;
 background-color: rgb(119, 119, 119); ">site design / logo © 2012 stack exchange
     inc; user contributions licensed under&nbsp;</span><a 
href="http://creativecommons.org/licenses/by-sa/3.0/" rel="license" style="
    margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
     padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left:
     0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px;
     border-left-width: 0px; border-style: initial; border-color: initial; border-image:
 initial; font-size: 13px; vertical-align: baseline; background-image: initial;
     background-attachment: initial; background-origin: initial; background-clip:
     initial; background-color: rgb(119, 119, 119); color: rgb(68, 68, 68); cursor:
     pointer; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif;
     line-height: 12px; text-align: left; ">cc-wiki</a><span style="color:
     rgb(68, 68, 68); font-family: Arial, 'Liberation Sans', 'DejaVu Sans',
     sans-serif; font-size: 13px; line-height: 12px; text-align: left; background-color: 
    rgb(119, 119, 119); ">&nbsp;with&nbsp;</span><a 
    href="http://blog.stackoverflow.com/2009/06/attribution-required/" rel="license" 
style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
     padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
     border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px;
     border-left-width: 0px; border-style: initial; border-color: initial;
     border-image: initial; font-size: 13px; vertical-align: baseline; background-image:
     initial; background-attachment: initial; background-origin: initial; background-clip: 
initial; background-color: rgb(119, 119, 119); color: rgb(68, 68, 68); cursor: pointer;
     font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; line-height: 12px;
     text-align: left; ">attribution required</a></p>

这使得文本编辑器几乎没用。如何强制编辑器仅粘贴主要的html标记,例如<b><a>

或者粘贴标签剥离文本。

问题是必须在粘贴到文本编辑器之前完成,因为在发送表单后,html标记将与编辑混合。

1 个答案:

答案 0 :(得分:1)

大多数WYSIWYG编辑器都有HTML可能性(以html编写)。 检查您的编辑是否拥有它,以及它是否只是粘贴您的数据。