Back to blog

Introducing JSON Rich Text Editor Plugins for Dynamic Content Experiences

Janice RodriguesJan 10, 2022
big-json-rte-plugins-hero-image.png
Talk to an expert about something you read on this page

Contentstack constantly strives to improve its user experience so you can manage your content easily and seamlessly. With that goal in mind, we recently introduced the JSON Rich Text Editor that enables structured, rich text content ready to be consumed by any frontend framework.

To further enhance the business user experience, Contentstack now introduces JSON RTE Plugins that let you extend the functionality of the JSON Rich Text Editor to serve your unique business needs while providing a native Contentstack look and feel.

JSON RTE Plugins – What are they?

JSON Rich Text Editor Plugins let you customize, improve and extend the functionality of your JSON RTE. You can add prebuilt plugins available in Contentstack or create custom plugins of your own to integrate with third-party applications.

With a JSON RTE you can create a plugin to extend the functionality of the JSON rich text editor (eg social, word count, highlights)

Traditionally, you would need a custom field to set up the logic to interact with rich text content. With these plugins, you can directly deploy logic inside the JSON RTEs, allowing content managers to get more from their content.

What Prebuilt Plugins Does Contentstack Provide?

Contentstack provides these prebuilt plugins to enhance your rich text editing experience:

  • Highlight - Allows you to highlight parts of your content, such as a line of text or a paragraph.

The Highlight plugin is available as a prebuilt plugin that you can use instantly

  • InfoPanel - Allows you to place important content inside a colored panel to make it stand out.

The About Info Panel Plugin allows you to place important JSON rich text editor content inside a colored panel to make it stand out

  • Word Count - Allows you to track the word count for your JSON Rich Text Editor content.

The Word Count plugin is available as a prebuilt plugin. Log in to your Contentstack account, add it to your stack and start using it

After adding the plugins you need, provide the necessary configuration details.

Besides the prebuilt plugins, you can also create customized JSON RTE plugins of your own, host them externally and provide the URL when configuring your plugin in Contentstack.

What Are the Use Cases of JSON RTE Plugins?

You can leverage JSON RTE Plugins for a variety of use cases:

  • For market segregation: Make content sections visible only to targeted regions and markets.
  • For content testing: Test specific paragraphs, sentences or words within the rich text editor to optimize without content duplication using an A/B or MVT testing tool such as Optimizely.
  • For personalized experiences: Integrate with third-party personalization engines to adjust the tone of voice or inline content representation depending on the consumer persona.
  • For associated content creation: Leverage your content and assets in third-party repositories, such as Digital Asset Management, in line with the rich text editor.
  • For design-centric formatting rules: Include styling and layout rules in a format-neutral way.
  • For content variables: Create variables representing product or brand names and reuse them across different sections of the rich text content, thus avoiding content duplication.

How to Get Started with JSON RTE Plugins

Once you have added a prebuilt plugin or created one of your own in your stack, you can use it for any JSON Rich Text Editor field in your content type.

For example, follow these steps to use the Highlight plugin in a content type:

  1. Go to your stack, type “C” to open the Content Types list page and select the content type you want to edit.
  2. In the “Content Type Builder” page, click on an existing JSON RTE field or add a JSON Rich Text Editor field in your content type by clicking on the “Insert a field” (+) sign.
  3. Under Select Plugin(s), select the Highlight plugin from the pop-up window that appears.
  4. Under Select Plugins, select Highlight plugin from the pop-up window, then click

  5. Once done, 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:

To use the highlight plugin create an entry for this content type and you will see an

Do More with JSON RTE Plugins

JSON RTE Plugins is a plan-based feature that is only available in the new Contentstack interface.

With such customized plugins, the possibilities to extend the capabilities of your rich text editor are limitless. Read our documentation on JSON Rich Text Editor Plugins to get started with this feature.

Share on:

About Contentstack

The Contentstack team comprises highly skilled professionals specializing in product marketing, customer acquisition and retention, and digital marketing strategy. With extensive experience holding senior positions in notable technology companies across various sectors, they bring diverse backgrounds and deep industry knowledge to deliver impactful solutions.  

Contentstack stands out in the composable DXP and Headless CMS markets with an impressive track record of 87 G2 user awards, 6 analyst recognitions, and 3 industry accolades, showcasing its robust market presence and user satisfaction.

Check out our case studies to see why industry-leading companies trust Contentstack.

Experience the power of Contentstack's award-winning platform by scheduling a demo, starting a free trial, or joining a small group demo today.

Follow Contentstack on Linkedin

Background.png