Add the Copilot control to the rich text editor (preview)

Official Microsoft documentation:? https://learn.microsoft.com/en-us/power-apps/maker/model-driven-apps/copilot-control

?

First, you need to enable the feature in your Model-driven application.

Go to: https://make.powerapps.com/

Now we will need to create a Web resource where the settings for our Rich Text Editor will be set.

(I used the old customization.)

Name the web resource as you like, but it's important that it's of type Script (JScript). Proceed to the "Text Editor," where we will perform customization.

In Microsoft's documentation, you will find that it is necessary to add the following definition:

"defaultSupportedProps": {

...

"extraPlugins": "computedfont,...,copilotrefinement",

...

"toolbar":[{ "items": ["CopyFormatting", ... ,"CopilotRefinement"]}]

},

?

In my example, I used the following definition (this is just an example):

{"defaultSupportedProps": {

? ? "height": 500,

? ?"extraPlugins": "copilotrefinement",

? ?"toolbarLocation": "top",

? ?"toolbar":[{ "items": ["FontSize", "Bold", "Italic", "Underline", "BGColor", "CopilotRefinement"]}]

}

}

Confirm, save, and publish.

Do not close the web resource yet, as we will need its URL!

Now we can proceed to the form customization where you want to enable the Copilot control for the Rich Text Editor.

Be careful to select the older Rich Text Editor. Copilot cannot be configured for the new Rich Text Editor yet!

You can learn more about the new Rich Text Editor here: https://www.dhirubhai.net/posts/jakubhomola_dataverse-powerplatform-powerapps-activity-7181719682394009600-6oEW?utm_source=share&utm_medium=member_desktop

You can recognize the old Rich Text Editor by the image in the control.

Now it's time for the URL from our Web resource.

In my case, the string is: /WebResources/ac_CopilotInRichTextControl

Insert a piece of the URL here.

Save and publish everything!

Now, on your field, you will find the Rich Text Editor with the Copilot feature !!!

And what does it actually do? In the Microsoft documentation, you'll find this:

Refine email content with Copilot

1. Compose an email in a rich text editor that has Copilot.
2. Select the text that you want to refine.
3. Select?Adjust with Copilot?in the editor toolbar.
4. Refine the length and tone of the selected text: Length: Select?Short,?Medium, or?Long?to condense or expand on your text. Tone: Select?Friendly,?Professional, or?Formal?to adjust the tone of your text.
5. Select?Update?to apply Copilot's suggested refinements.

?

My real example (with mistakes) is here:

Notice that the original text contains mistakes that Copilot will correct, transforming my text into a more professional form.

You will use the function by marking your text and using the "Adjust with Copilot" button.