Ticket #1633 (closed Bug: fixed)

Opened 2 years ago

Last modified 23 months ago

[FF] styles on iframe elements affect the editor and panels

Reported by: alfonsoml Owned by: martinkou
Priority: Normal Milestone: FCKeditor 2.6.1
Component: General Version: FCKeditor 2.5.1
Keywords: Confirmed Firefox Review+ Cc:

Description

Add

	<style type="text/css">
		iframe {
			width: 100%;
			height: 400px;
			border: 3px solid red;
			background-color: blue;
		}
	</style>

to a test page and you'll see that they make impossible to use the editor. I think that we should force some styles on the generated iframes to avoid this kind of problems.

Reported in  http://www.fckeditor.net/forums/viewtopic.php?f=6&t=7759

Attachments

1633_pre.patch Download (4.8 KB) - added by martinkou 2 years ago.
1633.patch Download (5.3 KB) - added by martinkou 2 years ago.
1633_2.patch Download (5.4 KB) - added by martinkou 23 months ago.

Change History

Changed 2 years ago by w.olchawa

  • keywords Confirmed Firefox added
  • version set to SVN
  • summary changed from styles on iframe elements affect the editor and panels to [FF] styles on iframe elements affect the editor and panels

Confirmed in FF. Works in IE.

The big occurs in stable 2.5.1 and in the SVN version.

Changed 2 years ago by w.olchawa

The *big occurs in stable 2.5.1 and in the SVN version.

* THE BUG :)

Changed 2 years ago by alfonsoml

  • version changed from SVN to FCKeditor 2.5.1

Changed 2 years ago by fredck

  • milestone set to FCKeditor 2.6.1

As pointed by Alfonso, the solution for #1948 could be generalized to fix this one too.

Changed 2 years ago by martinkou

  • owner set to martinkou
  • status changed from new to assigned

Changed 2 years ago by martinkou

I've written a patch such that the editor iframe and floating panels in sample*.html are not longer affected by external styles. However, I've noticed that the changes would touch the integration code in $FCKeditor/fckeditor.<lang> files, and I've only changed the fckeditor.js file for that.

Changed 2 years ago by martinkou

Changed 2 years ago by martinkou

My test case for the page:

        <style type="text/css">
                iframe {
                        width: 500px;
                        height: 400px;
                        border: 3px solid red;
                        background-color: blue;
                        padding: 20px;
                        margin: 20px;
                }
        </style>

Changed 2 years ago by martinkou

Changed 2 years ago by martinkou

  • keywords Review? added

I've found a way to reset the styles of the editor iframe without modifying any integration code. The updated patch is ready for review.

Changed 23 months ago by alfonsoml

  • keywords Review- added; Review? removed

the

/^\d+$/.test( width ) && ( width += 'px' ) ; 
/^\d+$/.test( height ) && ( height += 'px' ) ; 

code seems too complex, I think that it's easier to understand it this way (if I have understood properly the code)

 if (/^\d+$/.test( width ) ) width += 'px' ; 
 if (/^\d+$/.test( height ) ) height += 'px' ; 

also, instead of naming the variable "sy" you could name it "style", it will be compressed anyway, so there's no need to do it right now.

Changed 23 months ago by martinkou

Changed 23 months ago by martinkou

  • keywords Review? added; Review- removed

Updated patch according to suggestions.

Changed 23 months ago by alfonsoml

  • keywords Review+ added; Review? removed

Changed 23 months ago by martinkou

  • status changed from assigned to closed
  • resolution set to fixed

Fixed with [1950].

Click here for more info about our SVN system.

Note: See TracTickets for help on using tickets.