Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Is it possible to add javascript in rte? If yes, then how?

Himanshu_Singhal
Community Advisor
Community Advisor

There are some community articles that show use of RTE and script - see this as an example: 

http://experience-aem.blogspot.ca/2015/01/aem-6-sp1-touch-ui-rich-text-editor-plugin-to-upper-case.h...

1 Accepted Solution
Nupur_Jain
Correct answer by
Community Advisor
Community Advisor

Hey,

In classic UI ,you can use Xtype htmleditor instead of rte if you want to write js. It won't remove the script tag. But for touch UI , I don't see any resourceType for that.

Hope it helps!

Thanks

Nupur

View solution in original post

0 Replies
daniel_henriqu1
Level 4
Level 4

Hi, Himanshu.

I haven't tried that before...

Is the RTE removing the <script> content or are you having a hard time trying to render it?
Are you able to see the <script> tag in the corresponding node under your page (CRX DE)?

Regards,

Daniel.

Himanshu_Singhal
Community Advisor
Community Advisor

Rte is removing <script> tag.

kautuk_sahni
Community Manager
Community Manager

There is one more article where custom color picker is implemented:

Link:- http://experience-aem.blogspot.in/2016/04/aem-62-touch-ui-dialog-rte-rich-text-editor-color-picker-p...

Link:- http://experience-aem.blogspot.in/2016/04/aem-62-touchui-dialog-rte-mini-rte-upper-case-plugin.html

//Please try it and let us know, what is the problem that you are facing. Please have a look at the articles here you can see that, we have created a clientlibs folder with categories =  rte.coralui2

  now create a JS file and add plugin code in it. 

~kautuk

vinayk70574604
Level 1
Level 1

Hi Himanshu,

Could you explain a little more about the requirement which requires author to place a code(<script>), because this doesn't look like a good practice? If the content has to be beautified or modified for some reasons, it can always be done in the component's script (sightly or JSP). Further if you still have such a requirement to do, you may try:

WhitespaceProcessor.js is restricting few tags by default, you might update this to ignore the tags you want.

You could refer this post for more help:

http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

Nupur_Jain
Correct answer by
Community Advisor
Community Advisor

Hey,

In classic UI ,you can use Xtype htmleditor instead of rte if you want to write js. It won't remove the script tag. But for touch UI , I don't see any resourceType for that.

Hope it helps!

Thanks

Nupur

View solution in original post

Himanshu_Singhal
Community Advisor
Community Advisor

nupurjain wrote...

Hey,

In classic UI ,you can use Xtype htmleditor instead of rte if you want to write js. It won't remove the script tag. But for touch UI , I don't see any resourceType for that.

Hope it helps!

Thanks

Nupur

 

Thanks Nupur!
But, the requirements was for Touch UI. For foundation/components/text, we can override WhiteSpaceProcessor.js to allow tags. Then, <script> tag can be used in RTE by keeping it wrapped under <div> tags.

Himanshu_Singhal
Community Advisor
Community Advisor

vinayk70574604 wrote...

Hi Himanshu,

Could you explain a little more about the requirement which requires author to place a code(<script>), because this doesn't look like a good practice? If the content has to be beautified or modified for some reasons, it can always be done in the component's script (sightly or JSP). Further if you still have such a requirement to do, you may try:

WhitespaceProcessor.js is restricting few tags by default, you might update this to ignore the tags you want.

You could refer this post for more help:

http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

 

Thanks Vinayak,

I've made changes in WhitespaceProcessor.js for foundation/components/text and it's now taking <script> tag if wrapped b/w <div> tags.

prabodh
Level 2
Level 2

I have removed the script tag from whitespaceprocessor.js but to no avail, script tag is still getting stripped off.

Could you please let me know what changes you have made in whitespaceprocessor.js ?

Jörg_Hoh
Employee
Employee

Don't let an author enter Javascript as part of the page. You are opening the box of pandora then, and authors start embedding stuff you never dreamed of. Not to mention security issues.

Please, don't.