Highlight

The "Highlight" plugin allows you to highlight certain parts of your content, such as a whole line of text or a paragraph within the JSON Rich Text Editor.

This step-by-step guide explains how to add a "Highlight" plugin for your JSON Rich Text Editors within content types in Contentstack.

Add the “Highlight” JSON RTE plugin to your stack

1. Go to your stack and click the “Settings” icon on the left navigation panel.
2. Select Extensions.
3. Click on the + New Extension button, and select Use Prebuilt.
4. In the following window, select JSON RTE Plugins from the drop-down menu. 
   
5. Hover over Highlight, and click on + Add Extension. 

   

6. On the configuration page, you will see the following options:
   • Title (required): You will see a predefined title. You can use this title when adding the JSON RTE plugins to your JSON Rich Text Editor in your content type.
   • Unique ID: You will see a predefined unique ID for your JSON RTE plugin.
   • External Hosting URL (required): You will see a predefined URL of the externally-hosted JSON RTE plugin code.
   • Config Parameter (optional): You don't need to add config parameter to the prebuilt JSON RTE plugins. By default, the extensions are preconfigured and ready to use.
7. Finally, Save this plugin.

Use your JSON RTE plugin

To use the "Highlight" plugin in your JSON Rich Text Editor within a content type, perform the following steps:

1. Go to your stack and click the “Content Models” icon on the left navigation panel, and click on the + New Content Type button.
2. Create a content type by adding relevant details as displayed below:
3. In the Content Type Builder page, add the JSON Rich Text Editor field in your content type by clicking on the “Insert a field” link represented by a + sign.
4. Under Select JSON RTE Plugin(s), select the Highlight plugin from the popup window that appears.

   

5. After adding the plugin, click on either Save or Save and Close to save your changes.
6. To use the Highlight plugin, create an entry for this content type, and you will see this plugin within the JSON Rich Text Editor on your entry page as shown below: