cs-icon.svg

Use Prebuilt JSON RTE Plugins

Note: Experience Extensions use the legacy approach with extensions. We recommend using the RTE UI Location for the Contentstack App Framework to extend the functionality of your apps.

Contentstack provides three prebuilt JSON Rich Text Editor plugins to get you started instantly instead of writing custom codes. You need to add these plugins to your stack and get started.

Below is a list of the prebuilt JSON RTE plugins provided by Contentstack:

To use a prebuilt JSON RTE plugin, log in to your Contentstack account, and perform the following steps:

  1. Go to your stack and click the “Settings” icon on the left navigation panel.
  2. Select Extensions, and click on the + New Extension button at the top-right corner of the page, and select the Use Prebuilt option.

    Use_Prebuilt.png

  3. In the following window, select JSON RTE Plugin from the drop-down menu. 
    Prebuilt_dropdown.jpg
  4. Select any prebuilt plugin (for example, Highlight), and click on + Add Extension
    Add-Extension
  5. On the configuration page, you will see the following options:
    1. 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.
    2. Unique ID: You will see a predefined unique ID for your JSON RTE plugin.
    3. External Hosting URL (required): You will see a predefined URL of the externally-hosted JSON RTE plugin code.

      Note: The external hosting URL should be an HTTPS or a localhost URL.

    4. Config Parameter (optional): If you have used any config parameters in the source code, provide the value for the parameters here. You can make changes to this code as per your requirements. You can pass raw queries as config parameters in this section as shown below:
      {
        "key1":"value1",
        "key2":"value2"
      }
      

      Note: Users don't need to add config parameters to the prebuilt JSON RTE plugin extensions. By default, the extensions are preconfigured and ready to use.

  6. Finally, Save this plugin.
Was this article helpful?
^