Level 2

Solved

Adding Anchor Sprite Image to Custom RTE Plugin

Good afternoon,

I have implemented the Custom RTE Plugin from this article into my local AEM instance.

I was wondering if it was possible to add the anchor sprite image in the screenshot below when a new attribute is added using the plugin

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by arunpatidar

Example of sample clientlibs which will load for all the components without adding to dialog

you can copy this and put in your project inside ui.apps and update draggable.css css or create your own css and add to css.txt

Community Advisor

If you are looking to have plugin icon please refer to the blog published by @arunpatidar

Hope that helps!

Regards,

Santosh

Santosh Sai

Community Advisor

Hi,

I would say, add a CSS to the RTE dialog, either using extraclientlibs or externalStyleSheets property of RTE.

with CSS you can inject icon based on attribute

example,

I have added an icon if span element has style attribute

.cq-RichText-editable.coral-RichText-editable.coral-RichText.coral-DecoratedTextfield-input span[style]::before {
    content: '⚓';
}

Arun Patidar

Level 2

Thanks for the suggestion @arunpatidar. I will give this a try.

Where exactly in CRX would I put this clientlib/external stylesheet?

Accepted solution

Community Advisor

Example of sample clientlibs which will load for all the components without adding to dialog

you can copy this and put in your project inside ui.apps and update draggable.css css or create your own css and add to css.txt

Arun Patidar

Sign up