复制到iframe文本编辑器时删除外部html标记

时间:2013-08-10 10:19:25

标签: html iframe browser

我从头开始创建基于iframe的自定义文本编辑器。我现在想要实现两个功能。这是iframe:

 <div id="iframe-container" style="height: 200px; width : 450px ; border:1px solid #1d1d1d;">
                                         <iframe id="wysiwygtextfield" onload = 'return iframevents(); ' frameborder="0" style="height:   100%; width:100%;" scrolling="no" >
                                            <html>
                                               <head>

                                                     </head>
                                                <body>
                                                    <br/>

                                                 </body>
                                              </html>
                                            </iframe>
                                      </div>

有时从网络上复制粘贴时,文本包含它自己的样式规则。当文本粘贴到常规输入框时,样式会自动消失,但iframe往往会保留样式。有没有办法将粘贴复制到没有HTML标记的iframe中?

1 个答案:

答案 0 :(得分:1)

您可以使用正则表达式执行此操作:

var String = Sample.replace(/(<([^>]+)>)/ig,"");

Prevent copying text in web-page

示例是在iframe中加载的文本

replace是一个将匹配的文本更改为另一个文本的函数,它不是""

然后附加修改后的文本。

您可能必须这样做。

  • onchange事件选择textarea的内容
  • 运行替换功能
  • 完成。 :d