Support forums - CSS styles in edit area Iframe

Support forums » Products » Cute Editor for .NET » Re: CSS styles in edit area Iframe

CSS styles in edit area Iframe

Last post 02-21-2008, 11:57 AM by Adam. 3 replies.


	Sort Posts: Previous Next

02-20-2008, 5:28 PM 37205

jcliff29a
Joined on 07-29-2005
Posts 5

CSS styles in edit area Iframe

Reply Quote

I suspect that external styles surrounding the edit area iframe are not being inherited into that frame.

(pseudo html)

// style.css

#mainpane h3 { color: red };

<h3>Heading</h3> // Appears in red as expected

<CE:Editor Text="<h3>Heading</h3>" EditorWysiwygModeCss="~\style.css"></CE:Editor> // h3 text appears in default black

</div>

Placing the surrounding <div> into Editor.Text (<div ID="mainPane"><h3>Heading</h3></div>) produces the correct result.

Is there any way of making the iframe aware of the #mainpane region (progmatically) without changing the Editor.Text?

TIA

02-21-2008, 10:22 AM 37232 in reply to 37205

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: CSS styles in edit area Iframe

Reply Quote

TIA,

Please try the following code:

<CE:Editor Text="<div ID='mainPane'><h3>Heading</h3></div>" EditorWysiwygModeCss="~\style.css"></CE:Editor>

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

02-21-2008, 11:42 AM 37239 in reply to 37232

jcliff29a
Joined on 07-29-2005
Posts 5

Re: CSS styles in edit area Iframe

Reply Quote

Adam,

Many thanks for your prompt reply , but your suggested fix had been outlined in my orginal message as the exact thing I wanted to avoid!

I do NOT want the Editor.Text to artificaly change just because of an outlying style .... I want the Iframe to inherit the previously defined (external) styles within the context of the CE:Edit Iframe.

02-21-2008, 11:57 AM 37241 in reply to 37239

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: CSS styles in edit area Iframe

Reply Quote

In HTML, the document of iframe and the document of the current page are two different pages.

The document of iframe will look like:

<html>

<head>

</head>

<body>

<h3>Heading</h3>

</body>

</html>