编程论坛 → JavaScript论坛

pasteHTML插入html代码的问题

lele2007 发布于 2010-09-04 18:08， 1651 次点击

pasteHTML 这个在FF下不支持。。

想做到兼容，用了下面的代码：

程序代码：

window.isIE = (navigator.appName == "Microsoft Internet Explorer");  //判断是否为IE浏览器!
//插入HTML代码...
function insertHTML()
{
    var html = "<embed src=http://player. quality=high pluginspage=http://www. type=application/x-shockwave-flash width=600 height=500></embed>";
    var leleHTML = $('leleEditor').contentWindow;
    leleHTML.focus();
    if(window.isIE)
    {
        var o = leleHTML.document.selection.createRange();

        o.pasteHTML(html);

        alert(html);
    }
    else
    {
        leleHTML.document.execCommand("insertHTML",false,html);
        alert(html);
    }
}

在IE里可以插入flash内容。。在FF下没有效果。。不显示任何内容。。

程序代码：

window.isIE = (navigator.appName == "Microsoft Internet Explorer");  //判断是否为IE浏览器!
//插入HTML代码...
function insertHTML()
{
    var html = '<font color="red">乐乐</font>';
    var leleHTML = $('leleEditor').contentWindow;
    leleHTML.focus();
    if(window.isIE)
    {
        var o = leleHTML.document.selection.createRange();

        o.pasteHTML(html);

        alert(html);
    }
    else
    {
        leleHTML.document.execCommand("insertHTML",false,html);
        alert(html);
    }
}

var html = '<font color="red">乐乐</font>';

html变量内容是这个或其它简单的html标签时，FF下也是有效果的。。
请问这个兼容性怎么处理的呀？

6 回复

#2

lele20072010-09-04 21:01

查看源码的时候。。代码已成功写入了。。就是不显示flash在编辑器里。。发布后才可以正常显示。。？

#3

foktime2010-09-06 16:24

FF下别用execCommand 问题多多这样的脚本本来就不标准
直接这样吧
else
    {
        leleHTML.document.write(html);
    }
或者别的标准的写法都行

第一个问题和第二个问题是同样的症结

#4

lele20072010-09-07 16:57

实际上已写入了那段flash代码（html代码）
就是在FF下html编辑器的设计视图不显示flash。IE下可以显示一个黑色的块。
我看了fckeditor的，在FF下用了一张图片代替了插入Flash的显示。。

我模仿了fckeditor的。用图片代替显示。。提交时再把图片替换成空，临时处理了。
只是删除操作不了：如果插入了。。只是显示图片代替。删除图片时，flash的那段删除不了。结果导致flash还是存在的。

#5

lele20072010-09-07 17:00

IE和FF下各有优缺点。。
在IE下，innerHTML后。。代码全变成大写了。。双引号也丢失了。。而在FF下不会。。
在IE下，插入flash文件，能正常占据使用的编辑器空间黑色块显示。FF下没有效果。。

https://bbs.bccn.net/thread-319068-1-1.html
版主，对于IE的innerHTML格式控制。有比较好的正则处理方式吗？

^_^...

#6

foktime2010-09-07 17:37

我只放了个iframe标签简单测试了一下，没有放编辑器可能测试结果会有些不同
你底下这个问题明天上班了我看看去

#7

lele20072010-09-08 13:52

ok...

上班看..

^_^~..

1