AEM RichText TouchUI, Enabling Code Editor, Source Edit | AEM Community Blog Seeding

[kautuk_sahni]

AEM RichText TouchUI, Enabling Code Editor, Source Edit by sourcedcode.com

Abstract

AEM Touch UI
October 22, 2021briankasingli
AEM RichText TouchUI, Enabling Code Editor, Source Edit
Like4
Sometimes we need to give our power content authors, the flexibility to review their HTML markup from the richText editor, so they can ensure that the semantics are looking as expected.

As AEM developers we are summoned to enable and deliver this requirement. In this article, I will provide a code example on how we can enable the code editor for the rich text editor. Technically, we call this feature the source edit when referring to this feature from the rtePlugins.

The source edit feature is actually a feature from the misctools rtePlugin. Simply add the rtePlugins > misctools with the feature set as sourceedit. Next add the toolbar configuration value of misctools#sourceedit, for the inline && dialogFullScreen node. See the code example below.

For sightly, make sure you use the context attribute, ${properties.text @ context=’html’}

Read Full Blog

AEM RichText TouchUI, Enabling Code Editor, Source Edit

Q&A

Please use this thread to ask the related questions.