Expand my Community achievements bar.

SOLVED

RTE plugins for Rich Text

Avatar

Level 4

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.

1 Accepted Solution

Avatar

Correct answer by
Administrator

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.h...

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

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni



Kautuk Sahni

View solution in original post

2 Replies

Avatar

Correct answer by
Administrator

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.h...

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

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni



Kautuk Sahni