`
mutongwu
  • 浏览: 450832 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

iframe 写入文档的问题

 
阅读更多

这里使用了niceEditor 的代码片段:

init : function() { 
        ... ... 
        // 创建一个iframe元素
        this.elmFrame = new bkElement('iframe').setAttributes({'src' : '', 'frameBorder' : 0, 'allowTransparency' : 'true', 'scrolling' : 'no'}).setStyle({height: '100px', width: '100%'}).addClass('frame').appendTo(this.elm);
        
        if(this.copyElm) { this.elmFrame.setStyle({width : (this.elm.offsetWidth-4)+'px'}); }
        
        ... ...

        //由于IE6和部分浏览器,无法正常读取新建的iframe元素,我们这里使用了setTimeout来延迟触发动作。
        // 50ms是个大概,基本能保证读取到文档。
        setTimeout(this.initFrame.closure(this),50);
    },
initFrame : function() {
        var fd = $BK(this.elmFrame.contentWindow.document);

        //开启文档设计模式
        fd.designMode = "on";       
        fd.open();
        var css = this.ne.options.externalCSS;
        fd.write('<html><head>'+((css) ? '<link href="'+css+'" rel="stylesheet" type="text/css" />' : '')+'</head><body id="nicEditContent" style="margin: 0 !important; background-color: transparent !important;">'+this.initialContent+'</body></html>');
        fd.close();
        this.frameDoc = fd;

        this.frameWin = $BK(this.elmFrame.contentWindow);
        this.frameContent = $BK(this.frameWin.document.body).setStyle(this.savedStyles);
        this.instanceDoc = this.frameWin.document.defaultView;
        
        //更新文档高度
        this.heightUpdate();

        //注册事件
        this.frameDoc.addEvent('mousedown', this.selected.closureListener(this))
            .addEvent('keyup',this.heightUpdate.closureListener(this))
            .addEvent('keydown',this.keyDown.closureListener(this))
            .addEvent('keyup',this.selected.closure(this));

        //最后触发编辑区域已准备的事件
        this.ne.fireEvent('add',this);
}
分享到:
评论

相关推荐

    js调用iframe实现打印页面内容的方法

    5. 将打印区域的内容写入iframe的文档中,可以通过添加link元素引入打印专用的CSS样式。 6. 将iframe聚焦,并调用`print()`方法进行打印。 7. 打印完成后,如果用户使用的浏览器是IE,需要将iframe从body中移除以...

    jquery得到iframe src属性值的方法

    在HTML文档中,某些字符如小于号(")或大于号("&gt;")有特殊意义,直接写入可能会导致HTML解析错误。因此,需要使用字符实体,例如小于号的实体是&lt;,大于号的实体是&gt;。 9. 代码格式化: 理解代码时需要注意格式...

    javascript跨文档调用技术.pdf

    首先,创建一个IFrame元素并添加到页面中,然后利用`frames`对象访问IFrame的窗口,接着在IFrame的文档中写入脚本,将IFrame的Array对象赋值给父页面的`Array2`变量。这样,父页面就能使用IFrame中的Array实例,而...

    iframe、数据库 简易代码

    在这个例子中,我们通过AJAX向服务器请求数据,当请求成功时,将返回的HTML内容写入到id为`myIframe`的iframe中。 总结,iframe是实现网页内容嵌入的工具,而数据库是存储和管理数据的核心。两者在Web开发中经常...

    vb.net 读取pdf 并写入网页

    以上就是用VB.NET读取PDF并将其内容写入网页的主要知识点。实际开发中,还需要根据具体需求调整和优化,如处理PDF元数据、支持交互功能等。同时,保持对PDF处理库的更新和维护,确保兼容性和安全性。

    ajax_XML_iframe无刷新异步读取 源代码

    这里的XML文件可能包含了要读取或写入的数据,如数据库记录或其他结构化信息。 IFrame(Inline Frame)是HTML的一个元素,它可以在一个网页中嵌入另一个网页。在无刷新异步读取中,IFrame常用来隐藏地加载页面,...

    iframe相关知识

    通过JavaScript的Ajax请求获取新数据,然后使用`document.write`或`innerHTML`等方法将新数据写入`iframe`的`contentDocument`,实现内容动态更新。 **六、iframe的细节用法(iframe详细用法.wps)** 1. **`sandbox...

    Java实现web在线预览office文档与pdf文档实例

    使用IFrame可以避免直接加载整个文档,从而提高用户体验。 5. **安全考虑**:在线预览涉及用户上传的文件,因此需要确保安全性。例如,限制文件类型,防止XSS和CSRF攻击,以及在服务器端处理文件时进行适当的验证和...

    通过伪协议解决父页面与iframe页面通信的问题

    为解决这个问题,可以在设置`iframe.src`前临时将`base`标签的`target`属性设置为`_self`,在内容写入完毕后再恢复为`_blank`。 尽管这种方法可以解决特定场景下的通信问题,但它也有潜在的风险。伪协议可以被滥用...

    iframe图片上传接口(某项目中的图片接口,图片存成oracle中的Blob)

    首先,`iframe`是HTML中的一个元素,全称为 Inline Frame,用于在当前文档中嵌入另一个完整的HTML文档。在图片上传场景中,`iframe`常用于处理异步请求,避免页面刷新,提供更好的用户体验。通过`iframe`,用户可以...

    HTML中iFrame标签的两个用法介绍

    HTML的iFrame标签是一个包含另一个文档的内联框架,它允许在一个HTML页面中嵌入另一个HTML页面。在网页设计中,iFrame的应用非常广泛,尤其在以下两个场景中表现得尤为突出。 首先,iFrame可以用于作为弹出层的铺底...

    利用 Aspose 以及 ViewerJS 实现Office在线预览

    它提供了丰富的API,允许开发者在服务器端对文件进行读取、写入、转换和编辑操作。在实现Office在线预览时,Aspose可以用来将Office文档转换为HTML或其他可以在浏览器中显示的格式。 首先,你需要在服务器端安装...

    Java实现web在线预览office文档

    - 对于HTML化的Office文档,可以直接返回HTML内容,前端使用IFrame或者JavaScript库(如`react-doc-viewer`)来展示。 - 对于PDF文件,可以使用JavaScript库如PDF.js(由Mozilla维护)来实现浏览器内的PDF预览。...

    Selenium向iframe富文本框输入内容过程图解

    在HTML中,`iframe`元素用于将一个文档嵌入到另一个文档中。在Selenium中,我们需要使用`switch_to.frame()`方法来切换到`iframe`。例如: ```python from selenium import webdriver dr = webdriver.Chrome() dr....

    亲测,以html形式显示或预览word,excel,pdf,txt

    IFrame(内联框架)允许在一个HTML页面中嵌入另一个页面,从而实现文档的预览。前端需要从服务器获取转换后的HTML文件URL,然后设置IFrame的`src`属性为该URL。 为了优化用户体验,还应注意以下几点: - **安全...

    配合openoffice实现文档的在线预览

    确保在接收文件时进行安全检查,并且在服务器上执行文件操作时,要在安全的环境中进行,避免文件直接写入敏感目录。 8. **错误处理**: 对于转换失败或者不支持的文件类型,应提供友好的错误提示,让用户知道问题...

    符合W3C网页标准的iframe标签的使用方法

    这段代码中,`document.write()`方法用于直接将`&lt;iframe&gt;`元素写入到文档流中。此外,还设置了`border`和`frameborder`属性为`0`,以去除边框;`scrolling="no"`属性则禁止了内部滚动条的显示,除非内容超过指定的宽...

    利用POI将word转换成html实现在线阅读

    Apache POI是一个强大的开源Java库,它允许开发者读取、写入以及创建Microsoft Office格式的文件,包括Word(.doc)文档。 首先,让我们深入了解Apache POI库。POI项目始于2001年,其目标是提供一个API,让开发者...

Global site tag (gtag.js) - Google Analytics