RTE plugins for Rich Text | Community
Skip to main content
narayanank84409
narayanank84409
New Participant
October 16, 2015
Solved

RTE plugins for Rich Text

  • October 16, 2015
  • 2 replies
  • 2179 views

Hi,

We created multi field, inside multifield, i gave Richtext editor on Touch UI.

For Rich text editor we used sling:resourceType="cq/gui/components/authoring/dialog/richtext"

Am trying to add plugins for the richtext editor, it's not working.

Is there any suggestions or any other way to add plugins.

 

Ways i tried :

https://docs.adobe.com/docs/ko/aem/6-0/administer/operations/page-authoring/rich-text-editor.html

Based on this document i tried, it's working fine as single component.

but inside multified, its not working.

 

Is there any additional configuration, do i need to?

Please let me know for suggestions or document to achieve.

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 kautuk_sahni

Hi

Apart from what Bsloki has shared there is few more reference link for you to consider:-

Bsloki's URL (It’s a community article) :-  https://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html

This article covers the following points:

  • how to work with rich text plugins
  • how to develop and register a custom xtype
  • how to work with multifield component
  • how to control the behaviour of the component using a cq:EditConfignode
  • how to style the component (for example, add a strike through style)
  • how to use drag and drop functionality

 

Other Links:-

Link: - http://blogs.adobe.com/contentmanagement/tag/custom-richtext/ (Customize richtext editor)

This article covers:

  1. Create a multi richText field,
  2. Common rte configuration – build once use often
  3. Customize default plugins
    • remove default plugins
    • restrict features in default plugins
  4. Activate a (non-default) Plugin,
    • adding your own special character,
    • Adding default (OOB) special characters back.

PART -2 (these are the things covered in this article)

5.   Use css styles in your rte (Using externalStyleSheet with rte),
6.   Add formatting,
7.   Make “plaintext” as default Paste Mode an strip extra HTML on paste.
8.   Remove default p tag in rte (limited scope)

 

Few more reference links (less relevant to your question)

 1. http://experience-aem.blogspot.in/2015/10/aem-61-touchui-rich-text-editor-color-picker-plugin.html

2.  http://experience-aem.blogspot.in/2015/09/aem-61-touch-ui-rich-text-editor-rte-browse-insert-image.html

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

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni

2 replies

Lokesh_Shivalingaiah
Lokesh_Shivalingaiah
New Participant
October 16, 2015

 I havent tried richtext in multifield but check this example if it helps [1]

[1] http://blogs.adobe.com/contentmanagement/2013/08/22/customized-multifield-richtext-editor/

kautuk_sahni
kautuk_sahniAccepted solution
Employee
October 16, 2015

Hi

Apart from what Bsloki has shared there is few more reference link for you to consider:-

Bsloki's URL (It’s a community article) :-  https://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html

This article covers the following points:

  • how to work with rich text plugins
  • how to develop and register a custom xtype
  • how to work with multifield component
  • how to control the behaviour of the component using a cq:EditConfignode
  • how to style the component (for example, add a strike through style)
  • how to use drag and drop functionality

 

Other Links:-

Link: - http://blogs.adobe.com/contentmanagement/tag/custom-richtext/ (Customize richtext editor)

This article covers:

  1. Create a multi richText field,
  2. Common rte configuration – build once use often
  3. Customize default plugins
    • remove default plugins
    • restrict features in default plugins
  4. Activate a (non-default) Plugin,
    • adding your own special character,
    • Adding default (OOB) special characters back.

PART -2 (these are the things covered in this article)

5.   Use css styles in your rte (Using externalStyleSheet with rte),
6.   Add formatting,
7.   Make “plaintext” as default Paste Mode an strip extra HTML on paste.
8.   Remove default p tag in rte (limited scope)

 

Few more reference links (less relevant to your question)

 1. http://experience-aem.blogspot.in/2015/10/aem-61-touchui-rich-text-editor-color-picker-plugin.html

2.  http://experience-aem.blogspot.in/2015/09/aem-61-touch-ui-rich-text-editor-rte-browse-insert-image.html

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

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni

Kautuk Sahni
Terms & ConditionsAccessibility statement

Loading footer...