Opened 18 years ago
Closed 18 years ago
#1633 closed Bug (fixed)
[FF] styles on iframe elements affect the editor and panels
| Reported by: | Alfonso Martínez de Lizarrondo | Owned by: | Martin Kou |
|---|---|---|---|
| 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 (3)
Change History (15)
comment:1 Changed 18 years ago by
| Keywords: | Confirmed Firefox added |
|---|---|
| Summary: | styles on iframe elements affect the editor and panels → [FF] styles on iframe elements affect the editor and panels |
| Version: | → SVN |
comment:2 Changed 18 years ago by
The *big occurs in stable 2.5.1 and in the SVN version.
- THE BUG :)
comment:3 Changed 18 years ago by
| Version: | SVN → FCKeditor 2.5.1 |
|---|
comment:4 Changed 18 years ago by
| Milestone: | → FCKeditor 2.6.1 |
|---|
As pointed by Alfonso, the solution for #1948 could be generalized to fix this one too.
comment:5 Changed 18 years ago by
| Owner: | set to Martin Kou |
|---|---|
| Status: | new → assigned |
comment:6 Changed 18 years ago by
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 18 years ago by
| Attachment: | 1633_pre.patch added |
|---|
comment:7 Changed 18 years ago by
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 18 years ago by
| Attachment: | 1633.patch added |
|---|
comment:8 Changed 18 years ago by
| 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.
comment:9 Changed 18 years ago by
| 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 18 years ago by
| Attachment: | 1633_2.patch added |
|---|
comment:10 Changed 18 years ago by
| Keywords: | Review? added; Review- removed |
|---|
Updated patch according to suggestions.
comment:11 Changed 18 years ago by
| Keywords: | Review+ added; Review? removed |
|---|
comment:12 Changed 18 years ago by
| Resolution: | → fixed |
|---|---|
| Status: | assigned → closed |
Fixed with [1950].
Click here for more info about our SVN system.

Confirmed in FF. Works in IE.
The big occurs in stable 2.5.1 and in the SVN version.