Fix CSS pathing error caused by extra spaces in url()
| Project: | YUI Rich Text Editor |
| Version: | 6.x-2.33 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | needs review |
Not intending to be rude, but is anyone still maintaining this module anymore? I see no updates since last year, and lots of patches waiting in the wings. I've tried several and the YUI editor is the best around, I sincerely hope development continues (wishlist: strip Microsoft Word code on paste)
The problem is that when CSS files are optimized in Drupal (required for the pretty IE browsers which do not accept more than 30 .css files), the YUI editor toolbar buttons all work except for special plugins images. For example, the table or coder buttons appear with nothing or the 'B' for bold text repeated.
You may chuckle at this one...
The error is located in each of the plugin folder css files. For example /plugins/table.css and /plugins/coder.css. The error appears to be in each of the whatever.css files located in the plugins folder.
The error is that the background-image url() has a space between the parentheses and the relative image URL.
For example:
background-image: url( ../assets/html_editor.gif );
or
background-image: url( ../assets/icons.gif );Should instead be:
background-image: url(../assets/html_editor.gif);
or
background-image: url(../assets/icons.gif);That extra space causes a failure. When optimizing css, Drupal knows the relative paths will change by combining into one file, so it courteously appends http://yoursite.com/path, but that space gets added also.
Simple yet devastating. Hope this fix gets added to YUI editor quickly, otherwise it's an easy fix for anyone to perform.
