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
BedrockMission!

Learn More

View all

Sign in to view all badges

Adding Icon Images in rich text editor

Avatar

Avatar
Level 1
harish_paidisetty
Level 1

Likes

0 likes

Total Posts

1 post

Correct Reply

0 solutions
View profile

Avatar
Level 1
harish_paidisetty
Level 1

Likes

0 likes

Total Posts

1 post

Correct Reply

0 solutions
View profile
harish_paidisetty
Level 1

06-06-2021

Hi All, I am trying to add icons in rich text editor like for example there will be block of text and in middle of that I am trying to add image but the alignment is not proper. Is there any other way to author those icons or any plugins related to that so that we can achieve that.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Affirm 25
Level 5
Bhuwan_B
Level 5

Likes

85 likes

Total Posts

86 posts

Correct Reply

30 solutions
Top badges earned
Affirm 25
Establish
Give Back
Boost 50
Boost 5
View profile

Avatar
Affirm 25
Level 5
Bhuwan_B
Level 5

Likes

85 likes

Total Posts

86 posts

Correct Reply

30 solutions
Top badges earned
Affirm 25
Establish
Give Back
Boost 50
Boost 5
View profile
Bhuwan_B
Level 5

07-06-2021

Please refer to below community URL :

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/image-plugin-for-full-scre...

https://experienceleague.adobe.com/docs/experience-manager-65/administering/operations/rich-text-edi...

 

AEM allows you to configure the interface for the Rich Text Editor differently for the different editing modes. The default settings are provided below. You can override these defaults based on your requirements. You customize only the toolbar features that you want to provide to your authors. You need not specify all the toolbar configurations.

To configure the toolbar for dialogFullScreen, use the following sample configuration.

<uiSettings jcr:primaryType="nt:unstructured">
  <cui jcr:primaryType="nt:unstructured">
    <inline
      jcr:primaryType="nt:unstructured"
      toolbar="[format#bold,format#italic,format#underline,#justify,#lists,links#modifylink,links#unlink,#paraformat]">
      <popovers jcr:primaryType="nt:unstructured">
        <justify
          jcr:primaryType="nt:unstructured"
          items="[justify#justifyleft,justify#justifycenter,justify#justifyright,justify#justifyjustify]"
          ref="justify"/>
        <lists
          jcr:primaryType="nt:unstructured"
          items="[lists#unordered,lists#ordered,lists#outdent,lists#indent]"
          ref="lists"/>
        <paraformat
          jcr:primaryType="nt:unstructured"
          items="paraformat:getFormats:paraformat-pulldown"
          ref="paraformat"/>
      </popovers>
    </inline>
    <dialogFullScreen
      jcr:primaryType="nt:unstructured"
      toolbar="[format#bold,format#italic,format#underline,justify#justifyleft,justify#justifycenter,justify#justifyright,justify#justifyjustify,lists#unordered,lists#ordered,lists#outdent,lists#indent,links#modifylink,links#unlink,table#createoredit,#paraformat,image#imageProps]">
      <popovers jcr:primaryType="nt:unstructured">
        <paraformat
          jcr:primaryType="nt:unstructured"
          items="paraformat:getFormats:paraformat-pulldown"
          ref="paraformat"/>
      </popovers>
    </dialogFullScreen>
    <tableEditOptions
      jcr:primaryType="nt:unstructured"
      toolbar="[table#insertcolumn-before,table#insertcolumn-after,table#removecolumn,-,table#insertrow-before,table#insertrow-after,table#removerow,-,table#mergecells-right,table#mergecells-down,table#mergecells,table#splitcell-horizontal,table#splitcell-vertical,-,table#selectrow,table#selectcolumn,-,table#ensureparagraph,-,table#modifytableandcell,table#removetable,-,undo#undo,undo#redo,-,table#exitTableEditing,-]">
    </tableEditOptions>
  </cui>
</uiSettings>

Authoring Process for RTE Images:

  •     Add RTE Component to the page
  •     Initialize inline text editing
  •     Drag an image from the left authoring sidebar onto the RTE at the cursor position
  •     Go to fullscreen text editing mode (or not, if you have "image" enabled for inline mode)
  •     Place the cursor on the image
  •     Click the Image button to launch an image properties box to enter Alt text
  •     Specify alt text and optionally left/right alignment
  •     Close the image properties box

Answers (1)

Answers (1)

Avatar

Avatar
Establish
MVP
Veena_Vikram
MVP

Likes

470 likes

Total Posts

1,039 posts

Correct Reply

121 solutions
Top badges earned
Establish
Coach
Contributor 2
Seeker
Ignite 5
View profile

Avatar
Establish
MVP
Veena_Vikram
MVP

Likes

470 likes

Total Posts

1,039 posts

Correct Reply

121 solutions
Top badges earned
Establish
Coach
Contributor 2
Seeker
Ignite 5
View profile
Veena_Vikram
MVP

07-06-2021