CSS style sheet for content area?

Q: How do I assign a style sheet of my choosing to use in the content area of the CKEditor?

Wed, 10/21/2009 - 12:08

fruitbatinshades

Joined: 25/06/2008

Posts: 40

Re: CSS style sheet for content area?

You need to set the path explicitly.
if your site is running in the root then you just use / so

http:/www.thisIsMySite.com

config.contentsCss = '/css/global.css';

Mon, 10/26/2009 - 20:03

dtleahy

Joined: 09/01/2009

Posts: 50

Re: CSS style sheet for content area?

fruit bat,

Sorry it took me a while to come back to this thread and thank you. You are correct that the assignment of the CSS file is done at the point if instantiating the CKEditor widget. Which means it is done in a page that the developer writes, not by altering the config.js file as I had thought.

<textarea name="MyTextAreaName"></textarea>
         <script type="text/javascript">
            CKEDITOR.replace( 'MyTextAreaName' );            
            CKEDITOR.add
            CKEDITOR.config.contentsCss = '/css/mycssfilename.css' ;            
         </script>

Just thought I'd make that clear if anyone else finds this in a search.

Thanks,

Dennis

Fri, 02/07/2014 - 23:10

dahlsvarehus

Joined: 09/10/2012

Posts: 3

hov can i use it in my php script

in php i have the code

            $js .= "CKEDITOR.replace( 'editor1' );";

so i want to add the

            CKEDITOR.replace( 'MyTextAreaName' );            
            CKEDITOR.add
            CKEDITOR.config.contentsCss = '/css/mycssfilename.css' ;