cs-icon.svg

RTE Location

The RTE Location lets you add/ create custom plugins to extend the functionality of your JSON Rich Text Editor as per your needs.
You can use third-party applications to interact with your JSON Rich Text Editor content.

Let's see how to add the RTE location to your app:

  • Via the Developer Hub Console:
    To add the RTE location to your app via the Developer Hub console, login to your Contentstack Account and follow the steps given below:

    1. Click the Developer Hub icon on the left navigation panel.
    2. Select an application for which you want to add the RTE location.
    3. Click the UI Locations tab. To set the App URL, click the View Hosting Settings link. You will be redirected to the Hosting tab. 
      View_Hosting_Settings.png
    4. In the Hosting tab, you can select Hosting with Launch or Custom Hosting options. Select the Custom Hosting option to enter the hosted URL of your application. Click the Save button to save your hosting configuration.
      App_URL.png
    5. Navigate to the UI Locations tab to configure the RTE location.
    6. Hover over the RTE location, and click the + Add button. 
      Add_UI_location.png
    7. On the resulting Configuration page, set up the configurations for RTE location by providing details such as Name, Path, and Description. You can also enable the configuration using the Enabled toggle button.
      You can configure any UI location as mandatory using the Required toggle. If the toggle is enabled, the location becomes mandatory and cannot be disabled. Whereas, if the toggle is disabled, the UI location is available to use but not mandatory.

      Additional Resource: Refer to the Marketplace App Manifest documentation for comprehensive details.

      Config_Screen.png
    8. Finally, click the Save button to save the RTE location’s configuration details.

      You will see the details of the configured UI location on the UI Locations tab in the App Configuration screen after installing the app.

      You can enable or disable the non-required UI locations.

      Navigate to the stack. You will see the installed app in the JSON RTE field in the entries page.

You can create new RTE locations by writing your custom code, or you can use the prebuilt boilerplate and modify the given code to suit your requirements.

Was this article helpful?
^