AEM6: Custom Styles in Rich Text Editor

Avatar

Avatar

paro22

Avatar

paro22

paro22

15-10-2015

Hi,

I'm trying to add custom styles to the new AEM 6.0 (SP1) rich text editor (fullscreen). I have two questions about this:

 

1. I was able to get the select box to show my new css classes (and using the chrome inspector I can see that the class is applied to the span: <span class="caps">). However, I can't actually see the new styles. It says I can reference a stylesheet so that the new styles are actually visible for the user [1]. I added this to the "text" node (/apps/wcm/foundation/components/text/dialog/items/tab1/items/text):

externalStyleSheets="[/etc/designs/abc/clientlib/css/static.css]"

Again, in the inspector I can see that the file static.css is included. The style of .caps is not applied in the actual editor window though. What am I missing?

 

2. Secondly I'm trying to add a class to a <ul>. In the docs [2] it says I can put the cursor in the list to select a different style for the list. However, that does not work. It only adds a span with a class, it doesn't add the class to the ul. Is there a way to do that?

 

Thanks,

Paul

 

PS: Is it just me or does this Forum just randomly return white pages on posts/searches every once in a while?

 

[1] http://docs.adobe.com/docs/en/aem/6-0/administer/operations/page-authoring/rich-text-editor.html#Sty... (Text)

[2] http://docs.adobe.com/docs/en/aem/6-0/author/page-authoring/rich-text-editor.html#Lists

View Entire Topic

Avatar

Avatar

paro22

Avatar

paro22

paro22

15-10-2015

Any feedback on this? The issue is basic enough but I can't seem to find an answer to it.