Question Re: RichTextEditor with SuperScript and SubScript in Technology Q&A

RichTextEditor with SuperScript and SubScript

RainaGoyal3 — Fri, 25 Jun 2021 14:51:34 GMT

Hello Experts,

I have a requirement in which two custom buttons has to be added in RichtextEditor for SubScript and SuperScript, I am able to add custom buttons but unable to fetch the selected text in richtexteditor. Also once we get the selected text how change it to subscript/superscript.

Please help as I am badly stuck in this and unable to find much on this.

Thanks,

Best Regards,

Raina

Re: RichTextEditor with SuperScript and SubScript

LaurensDeprost — Mon, 28 Jun 2021 08:25:26 GMT

Hi Raina,

The RichTextEditor-Control implements the third-party TinyMCE editor. As far as I can see, it doesn't expose the necessary public methods or attributes to allow for getting the text selection. Note that accessing private members of SAPUI5 objects is against best practice and not recommended.

That said, I don't immediately see an alternative here apart from developing a custom control.

You can directly access the private TinyMCE editor object (_oEditor). Next, you can use the execcommand method to convert the selected text to super- or subscript.

var oRichTextEditor = sap.ui.getCore().byId("myRTE");
oRichTextEditor._oEditor.editorCommands.execCommand("Superscript");

See this example on Plunker.

Regards,
Laurens

Re: RichTextEditor with SuperScript and SubScript

RainaGoyal3 — Thu, 08 Jul 2021 13:40:16 GMT

dep Thanks a lot for the help. Its working absolutely wonderful. 🙂