Customizing the links plugin of RTE to support button

[Former Community Member]

Hi,

1. I have a requirement where I need to provide the option of converting a link into a button using custom css/extjs.

Any idea on how this can be achieved by overriding the link plugin ?

2. Also, does anyone know how to prevent the anchor from disappearing on calling javascript functions inside "href" ? It is working if I use it is inside "onclick", but I want it to work inside "href".

Eg. Writing <p><a href = "javascript:doTest('http://www.help-forums.adobe.com')">Adobe-help-forum</a></p> in RTE source edit and clicking ok gives me the output as <p>Adobe-help-forum</p>.

Thanks in advance :)

Subhra

[smacdonald2008 · Accepted solution]

When you are creating your component that uses a RTE, you can define a client lib that contains CSS files. You can then style your links to appear as buttons using CSS. See:

http://webdesign.about.com/od/css/a/aa041904.htm

TO learn how to write a custom AEM component that uses a RTE and how to hook CSS into it -- see: 

http://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html

Hope this helps