# Rich Text Editors

### About this export

| Field | Value |
| --- | --- |
| **content_type** | lesson |
| **platform** | contentstack-academy |
| **source_url** | https://www.contentstack.com/academy/courses/creating-and-managing-content/rich-text-editors |
| **course_slug** | creating-and-managing-content |
| **lesson_slug** | rich-text-editors |
| **markdown_file_url** | /academy/md/courses/creating-and-managing-content/rich-text-editors.md |
| **generated_at** | 2026-05-08T12:23:52.522Z |

> Part of **[Creating and Managing Content](https://www.contentstack.com/academy/courses/creating-and-managing-content)** on Contentstack Academy. **Academy MD v3** — structured for retrieval; no quiz or assessment keys.

<!-- ai_metadata: {"lesson_id":"03","type":"video","duration_seconds":179,"video_url":"https://cdn.jwplayer.com/previews/TQW4P84x","thumbnail_url":"https://cdn.jwplayer.com/v2/media/TQW4P84x/poster.jpg?width=720","topics":["Rich","Text","Editors"]} -->

#### Video details

#### At a glance

- **Title:** Rich Text Editors
- **Duration:** 2m 59s
- **Media link:** https://cdn.jwplayer.com/previews/TQW4P84x
- **Publish date (unix):** 1757641341

#### Streaming renditions

- application/vnd.apple.mpegurl
- audio/mp4 · AAC Audio · 113668 kbps
- video/mp4 · 180p · 180p · 169718 kbps
- video/mp4 · 270p · 270p · 210363 kbps
- video/mp4 · 360p · 360p · 249356 kbps
- video/mp4 · 406p · 406p · 280803 kbps
- video/mp4 · 540p · 540p · 379982 kbps
- video/mp4 · 720p · 720p · 557784 kbps
- video/mp4 · 1080p · 1080p · 1116231 kbps

#### Timed text tracks (delivery)

- **thumbnails:** `https://cdn.jwplayer.com/strips/TQW4P84x-120.vtt`

#### Video transcript

When you create content in ContentStack, you'll often be typing into a text editor, but not all editors are the same. Some content models are set up with traditional HTML editors, while others use a JSON-rich text editor. Let's use our Mexico City example to see the difference, why it matters, and how they differ. In our Compass travel site, the Mexico City entry is using the HTML editor. You can see I pasted in our content about the attraction. Notice there are paragraphs, headings, and rich formatting. This editor looks familiar to anyone who's written a blog post. You can style text, add links, insert images, and even switch into source view to hand-edit the HTML. The HTML editor is quick and easy, but what you're really storing here is raw markup, the exact formatting instructions for the browser. That makes it great for websites, but less flexible if you want the same content to power a mobile app or a voice assistant. Now let's contrast that with a JSON-rich text editor. At first glance, it feels similar. You can still add paragraphs, headings, lists, and media. But behind the scenes, instead of raw HTML, it's storing your content as structured JSON. Here's the exact content, written once in HTML and once in JSON. Look how different they look under the hood. With HTML, you're storing how the content should look. With JSON, you're storing what the content is, in a way that developers can render consistently across any channel. The HTML editor is the best if your team is focused on a traditional website. Authors get full control, it's quick to format, and no developer support is needed. The trade-off is that the content isn't as reusable. The JSON-rich text editor is the opposite. It's structured, portable, and ready for omnichannel publishing, web, mobile, APIs, even kiosks or voice apps. But it does rely on developer effort to render it properly, and authors might feel it's a little less freeform. Text editors may look simple, but the choice between HTML and JSON determines how flexible and future-proof your content will be. HTML is fast and familiar, perfect for a website. JSON-rich text is structured and scalable, ideal for content that needs to travel across multiple channels. Knowing which one was set up in the content type ensures your content doesn't just look good today, it works wherever you need it tomorrow.

#### Key takeaways

- Connect **Rich Text Editors** back to your stack configuration before moving to the next module.
- Capture one concrete artifact (screenshot, Postman call, or code snippet) that proves the step works in your environment.
- Re-read the delivery versus management boundary for anything you changed in the entry model.

## Supplement for indexing

### Content summary

Rich Text Editors. Rich Text Editors in Creating and Managing Content (creating-and-managing-content).

### Retrieval tags

- Rich
- Text
- Editors
- creating-and-managing-content
- lesson 03
- Rich Text Editors
- creating-and-managing-content lesson

### Indexing notes

Index this lesson as a primary chunk tagged with lesson_id "03" and topics: [Rich, Text, Editors].
Parent course slug: creating-and-managing-content. Use asset_references URLs as thumbnail hints in search results when present.
Never surface LMS quiz content or assessment answers from this file.

### Asset references

| Label | URL |
| --- | --- |
| Video thumbnail: Rich Text Editors | `https://cdn.jwplayer.com/v2/media/TQW4P84x/poster.jpg?width=720` |

### External links

| Label | URL |
| --- | --- |
| Contentstack Academy home | `https://www.contentstack.com/academy/` |
| Training instance setup | `https://www.contentstack.com/academy/training-instance` |
| Academy playground (GitHub) | `https://github.com/contentstack/contentstack-academy-playground` |
| Contentstack documentation | `https://www.contentstack.com/docs/` |
