How to Expand Rich Text Editor control in Dynamics 365 CE?

In one of my earlier articles, i had explained about How to create Rich Text Editor in Dynamics 365 CE?, which looks like the below.

Also, Microsoft has provided an ability the extend the properties/ features of the Rich Text Editor.

Below, is one of the extended feature of the Rich Text Editor, where the control can be maximized and can easily enter data in it.

In this article, will show you the way to expand the Rich Text Editor Control.

Follow the below steps for the same.

Step 1: Open the required Entity Form. Click on the Rich Text Control and Click on Change Properties.

Step 2: Click on Controls tab.

Step 3: Click on Rich Text Editor Control and Click on Pencil Icon to provide Custom configuration URL.

Step 4: For configuring the Custom configuration URL, you have to provide a Custom JavaScript Webresource Relative URL.

So, create a JScript Web Resource with some Name like new_RichTextControlConfigurations and Display Name like Rich Text Control Configurations.

Click on Text Editor.

Step 5: Provide the below Json Text in the Source and Click on OK.

{ “showAsTabControl”: true, “showFullScreenExpander”: true }

Step 5: SAVE and PUBLISH the Java Script and Copy the Relative URL.

/WebResources/new_RichTextControlConfigurations

Step 6: Paste the Java Script Web Resource Relative URL in the Rich Text Control’s Custom configuration URL as shown below (Refer Step 3 and Step 5)..

Click on OK.

Step 7: Click on OK.

Step 8: Save and Publish the form.

Step 9: Clear the Cache and open any Contact record.

Click on the Arrow to expand the Description field.

Hope you have successfully extended the Rich Text Editor feature.

Please like and share your valuable feedback on this article.