...in the color picker dialog (title too long!)
I found that using XHTML 1.0 trans doctype meant that hex colors that weren't equipped with a leading pound sign oftimes were not being recognized and displayed properly.
In my main project, sometimes clients using our system to create their content, while editing in CKE, would use the color picker function, and plug their own hex color in (on the second dialog, with the wider color selection offering). When choosing a color there via the mouse, the leading # is used, but when pasting your own hex color in, sans #, the hex code gets into the source as is, no leading #.
I ended up doing a small mod to the colordialog.js script in the plugins, and thought others might benefit, so I'm sharing. This mod simply sniffs out the value of the form field in question, and if it doesn't find a leading #, adds it.
I'm going to use the code from the "source" folder (which is spaced/indented) to illustrate - it's easy enough to find the correct spot in the condensed script that's actually used to add the code snippet.
Right near the end, where the 'selectedColor' area is defined, add this small bit of code in as shown:
I wasn't having any luck using getValue() directly in the setValue(), so I resorted to using a temporary var for the hex value. If there's a way to do it more tidily, by all means, do share!
I found that using XHTML 1.0 trans doctype meant that hex colors that weren't equipped with a leading pound sign oftimes were not being recognized and displayed properly.
In my main project, sometimes clients using our system to create their content, while editing in CKE, would use the color picker function, and plug their own hex color in (on the second dialog, with the wider color selection offering). When choosing a color there via the mouse, the leading # is used, but when pasting your own hex color in, sans #, the hex code gets into the source as is, no leading #.
I ended up doing a small mod to the colordialog.js script in the plugins, and thought others might benefit, so I'm sharing. This mod simply sniffs out the value of the form field in question, and if it doesn't find a leading #, adds it.
I'm going to use the code from the "source" folder (which is spaced/indented) to illustrate - it's easy enough to find the correct spot in the condensed script that's actually used to add the code snippet.
Right near the end, where the 'selectedColor' area is defined, add this small bit of code in as shown:
{ // Try to update color preview with new value. If fails, then set it no none. try **ADD THIS** if (this.getValue().substring(0,1) != '#') { tempVal = this.getValue(); this.setValue('#' + tempVal); { $doc.getById( selHiColorId ).setStyle( 'background-color', this.getValue() ); } catch ( e ) { clearSelected(); } }
I wasn't having any luck using getValue() directly in the setValue(), so I resorted to using a temporary var for the hex value. If there's a way to do it more tidily, by all means, do share!