Ticket #1633 (closed Bug: fixed)

Opened 2 years ago

Last modified 22 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 (4.8 KB) - added by martinkou 22 months ago.
1633.patch (5.3 KB) - added by martinkou 22 months ago.
1633_2.patch (5.4 KB) - added by martinkou 22 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 23 months 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 22 months ago by martinkou

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

Changed 22 months 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 22 months ago by martinkou

Changed 22 months 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 22 months ago by martinkou

Changed 22 months 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 22 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 22 months ago by martinkou

Changed 22 months ago by martinkou

  • keywords Review? added; Review- removed

Updated patch according to suggestions.

Changed 22 months ago by alfonsoml

  • keywords Review+ added; Review? removed

Changed 22 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.