I searched for any similar issue but found nothing it could help me solve this.
I made a custom set of styles for CKEditor 3.3.1.5586.
Here's one of them
At first the Styles dropdown menu didn't preview the style on the class to the stylename. The class "theclassname" has blue color but when listed in the STYLES dropdown, it was the standard color and fontsize. Of course, the class IS present in the stylesheet of the page. The class does get asigned to the span because when I save the content CKeditor generated, everything looks OK.
I solved the first issue by applying the class to the CKEDITOR instance id
#cke_edit-body .theclassname
Now, the style dropdown previews the font famyli, size and color, but when applied to a text in the editor, the HTML is OK but it doesn't preview (that's the point of WYSIWYG, right?)
I also created the CSS rule for the texarea id
#edit-body .theclassname
But CKEditor doesn't preview the class styles. If I apply inline CSS to the style dropdown, it does preview... but I want CKEditor to generate
and not
I'm not even sure where to begin debugging. Where does CKE read the styles to render a preview of them?
I made a custom set of styles for CKEditor 3.3.1.5586.
Here's one of them
{ name : 'Title', element : 'span', attributes : { 'class' : 'theclassname' } },
At first the Styles dropdown menu didn't preview the style on the class to the stylename. The class "theclassname" has blue color but when listed in the STYLES dropdown, it was the standard color and fontsize. Of course, the class IS present in the stylesheet of the page. The class does get asigned to the span because when I save the content CKeditor generated, everything looks OK.
I solved the first issue by applying the class to the CKEDITOR instance id
#cke_edit-body .theclassname
Now, the style dropdown previews the font famyli, size and color, but when applied to a text in the editor, the HTML is OK but it doesn't preview (that's the point of WYSIWYG, right?)
I also created the CSS rule for the texarea id
#edit-body .theclassname
But CKEditor doesn't preview the class styles. If I apply inline CSS to the style dropdown, it does preview... but I want CKEditor to generate
<span class="theclassname"> sometext </span>
and not
<span class="theclassname" style="font-size:12px;color#000aaa;font-family:Verdana, Geneva, sans-serif;"> sometext </span>
I'm not even sure where to begin debugging. Where does CKE read the styles to render a preview of them?
Re: CKE not previewing CSS
Solved!
The page where CKE is it's a EDIT NODE page from drupal. I also found that the iframe was making a call to /drupal/sites/all/modules/wysiwyg/plugins/break/break.css
I added the classes to that file and worked