2 Replies Latest reply on Jul 26, 2012 2:35 AM by danchapmanme

    External stylesheet not working for text component

    danchapmanme Level 1

      I am trying to specify an external stylesheet to use for the text component. I can specify styles individually without a problem but when I try and reference a stylesheet it does not work.


      In the text WYSIWYG editor all I see is [None] in the styles drop down.


      I am following these instructions:

      http://dev.day.com/docs/en/cq/current/administering/configuring_rich_text_editor.html#Spec ifying%20the%20Location%20of%20Your%20Stylesheet


      This is the contents of my css file:


      .text-highlight-blue { color: #336699; }

        • 1. Re: External stylesheet not working for text component
          orotas Level 4

          So I am little confused. Are you trying to only specify a the externalStyleSheets and not specify the rtePlugins/styles element in your dialog. The two elements server different purposes. The externalStyleSheets element allows you to specify a CSS file that gets applied to the the rich text editor so that text appears in the editor styled in the same way it will be styled when displayed on the page, it does not drive the contents of the style drop down. The style drop down is driven by the rtePlugins/styles element. In an ideal world you would specify both values so that not only do the styles show up in the drop down, but the text in the editor appears properly styled.


          You also have to include the styles in from your external style sheet in you page's stylesheet so that the formating is properly displayed when the page renders.

          • 2. Re: External stylesheet not working for text component
            danchapmanme Level 1

            I think I understand. Sorry, I thought the text component would look at my specified external style sheet and then populate the styles drop down with the styles found in that css file rather than me having to manually specify them. I thought CQ was just very clever.


            I have created the the rtePlugins/styles node but all it containts is features = * property


            So I have to specify an external style sheet and STILL include the styles manually to appear in the drop down.