Follow

WYSIWYG HTML Editor

The WYSIWYG HTML Editor allows users to format text in CRM fields that will be displayed on the portal without HTML tags. This feature is implemented using JavaScript​ on form load. ​This means that even ​though a field has been specified to use the WYSIWYG HTML Editor, the feature is only applied to the field on that particular form. For example, if a client has two Meeting forms and wants the WYSIWYG HTML Editor on the "Description" field, it will have to be applied on both forms.​​ Some fields may be set up with this when you first access your system. For others you will need to add it using the steps below.

 

Navigate to the Form Editor

There are a few ways to do this. To determine the best way click here for the options on where to edit.

Click Form Properties in the Home Ribbon

Click Form Properties in the Home Ribbon

In the Form Libraries section of the Event Tab, add Cobalt's CRMUiUtility (cobalt_crmuiutility).

In the Form Libraries section of the Event Tab, add Cobalt's CRMUiUtility (cobalt_crmuiutility).

Select the cobalt_crmuitutility in the look up and click Add.

In the Event Handlers Section of the Event Tab (under Form Libraries), set Control to Form and Event to Onload

In the Event Handlers Section of the Event Tab (under Form Libraries), set Control to Form and Event to Onload

Click Add to add the CreateTextEditors Function and complete the fields as you see below.

Click Add to add the CreateTextEditors Function and complete the fields as you see below.
  • ​​​Library: cobalt_crmuiutility (should already be filled in for you)
  • Function: CreateTextEditors
  • Enabled: Yes (check box)
  • Parameters: "schemaname1","schemaname2"
  • Pass execution context as first parameter: No (checkbox stays blank)

*Note schema name is just a place holder in this example you will need to have the schema name for the field where you want the editor to be. For example, "cobalt_description"  You do not need to have more than one field with the editor, but if you want one you must separate them with a comma as you see in the example.

Find the Field Schema Name by double clicking on the field in the form editor.

Click the Details Tab. The Schema name is in the Name Field.

Click the Details Tab. The Schema name is in the Name Field.

This is what you want to put into the paramaters "schemaname" in the step above.

Click Ok to close the Form Properties pop up.

Click Save to save changes and then Publish to make changes available.

Click Save to save changes and then Publish to make changes available.

Open the Entity and Use the toolbar to edit your text and view how it will look on the portal.

Open the Entity and Use the toolbar to edit your text and view how it will look on the portal.

**Note** - If your description is not showing up on the portal, check the source code of your text. The WYSIWYG does not accept html from word formatting.

The WYSIWYG does not accept html from word formatting.  If this is the case, you will see an "MsoNormal" tag inside your code. You will need to remove this in order to have the description appear on the portal. This most commonly occurs when people copy and paste from Word.

So the best practice is to type your text into the field to avoid the issue.

**Note** 2016 Users may need to make an additional adjustment to System Settings if the WYSIWYG toolbar doesn't display.

Navigate to Settings > Administration > System Settings and select General in the tabs. Make sure Use Legacy Form Rendering is set to No

**Note** 2016 Users may need to make an additional adjustment to System Settings if the WYSIWYG toolbar doesn't display.
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.