iframe pasteHTML

Rauan Maemirov · Feb 15, 2008

Hi, I'm coding smth like wysiwyg-editor and stumbled upon some
obstacles.

var iDoc = $(this.wysiwyg.contentWindow.document);
var sel = (iDoc.selection) ? iDoc.selection :
this.wysiwyg.contentWindow.getSelection();

if (Prototype.Browser.IE) {
var rng = sel.createRange();
rng.pasteHTML(html);
} else {
// Firefox and opera code
}

So, in this code I'm inserting html to the iframe (with
contentEditable/designMode = true/on ).

Where this.wysiwyg = $('iframe'). //dynamically created iframe

In IE it doesn't insert html to iframe, but to the top of my main
document, right after the <body> tag.

The reason is I'm clicking on link and div appears (Google Docs link
inserting style). So iframe looses
focus. But in firefox it doesn't. Maybe there are any ways how to
remember previous focus position?

Rauan Maemirov · Feb 18, 2008

The only way I find, is to save range. And then insert html to it.

Is there way to save range and then use it? I tried but it doesn't
work.

Aditya · Feb 18, 2008

Hi, I'm coding smth like wysiwyg-editor and stumbled upon some
obstacles.

var iDoc = $(this.wysiwyg.contentWindow.document);
var sel = (iDoc.selection) ? iDoc.selection :
this.wysiwyg.contentWindow.getSelection();

if (Prototype.Browser.IE) {
var rng = sel.createRange();
rng.pasteHTML(html);} else {

// Firefox and opera code

}

So, in this code I'm inserting html to the iframe (with
contentEditable/designMode = true/on ).

Where this.wysiwyg = $('iframe'). //dynamically created iframe

In IE it doesn't insert html to iframe, but to the top of my main
document, right after the <body> tag.

The reason is I'm clicking on link and div appears (Google Docs link
inserting style). So iframe looses
focus. But in firefox it doesn't. Maybe there are any ways how to
remember previous focus position?

try setting focus to iframe just before rng.pasteHTML(html)
by calling .focus() on the iframe node..
i hope it will work.....tell me if it does

Rauan Maemirov · Feb 18, 2008

Thanks, Aditya!!!

You don't event know, how long I've been seeking for solution. Your
advice helped me. My way is:

1). When I'm clicking on insertLink-button(image) I'm doing:

this.wysiwyg.contentWindow.focus();
var iDoc = this.wysiwyg.contentWindow.document;
var sel = (iDoc.selection) ? iDoc.selection :
this.wysiwyg.contentWindow.getSelection();
this.rng = (sel.rangeCount > 1) ? sel.getRangeAt(rangeCount - 1) :
sel.createRange();

2). When clicking "Insert" on the form I'm using
this.rng.pasteHTML(html).

I.e. I'm saving the range and then using it, but not getting selection
again, 'cause it would return main document.

IE problem with iframe reload	9	May 23, 2010
How to pass the hidden field's value within the context of iframe?	1	Mar 15, 2008
Problem with iframe (caching...)	3	Sep 19, 2005
Problem with getSelection() in iframe in chrome	10	Oct 30, 2009
A simple wysiwyg editor (IE, FF, O, S)	2	Dec 20, 2006
designMode on an iframe - relocating images in the dom and keeping their focus	0	Jan 1, 2007
Remove iframe when src matches pattern	3	Jul 13, 2007
Problem: Flash in iframe in Firefox doesn't display	1	Aug 4, 2005

iframe pasteHTML

Rauan Maemirov

Rauan Maemirov

Aditya

Rauan Maemirov

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads