DraftJS is a rich-text editing framework based on an immutable model. It was released by Facebook on the React Conf early 2016 and changing the way developers are now approaching Rich Text Editing on the web. Nik Graf has development plugin architecture for DraftJS, called draft-js-plugins.

In this episode we tsalk a bit about the history of Rich Text Editing and how we got to the point where tools like DraftJS and DraftJS plugins are making rich-text editing great again.

### Share

-   [X (fka Twitter)](https://twitter.com/intent/tweet?text=DraftJS & Rich Text Editing On The Web&url=https://www.netlify.com/blog/2016/12/29/draftjs-rich-text-editing-on-the-web/)
-   [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2F2016%2F12%2F29%2Fdraftjs-rich-text-editing-on-the-web%2F)
-   [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/2016/12/29/draftjs-rich-text-editing-on-the-web/)
-   [Bluesky](https://bsky.app/intent/compose?text=DraftJS & Rich Text Editing On The Web+https://www.netlify.com/blog/2016/12/29/draftjs-rich-text-editing-on-the-web/)

* * *

### Tags

-   [Jamstack](/blog/tags/jamstack/)
-   [Podcast](/blog/tags/podcast/)
-   [draftjs](/blog/tags/draftjs/)
-   [CMS](/blog/tags/cms/)

## Keep reading

![](/_astro/bbe3cfe0b5d5228f5d0a66e26ce057de315c7712-1200x675_ZQfk21.webp)

Tools & Services December 3, 2025

[

### Vibe coding to production with Kiro powers

](/blog/vibe-coding-production-kiro-powers)

-   ![Profile picture of Gehrig Kunz](/_astro/b4e9f58d914d1334ea70d53ea55a1f26b26f1445-512x512_17SwOI.webp)
    
    Gehrig Kunz
    

![](/_astro/b596a7453ede5fe6739bd12506636fe522828198-2400x1351_1ANtEG.webp)

Tools & Services February 21, 2025

[

### Secure local development with Codezero for Netlify

](/blog/secure-local-development-codezero)

-   Kathleen Randall
    

## Recent posts

News & Announcements June 25, 2026

[

### Netlify Functions, designed for Agent Experience

](/blog/netlify-functions-designed-for-agent-experience)

-   ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp)
    
    Eduardo Bouças
    

News & Announcements June 24, 2026

[

### How we measure Netlify’s Agent Experience

](/blog/how-we-measure-netlify-agent-experience)

-   ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp)
    
    Sean Roberts
    

Guides & Tutorials May 15, 2026

[

### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend)

](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend)

-   ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp)
    
    Nahrin Jalal
    

![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp)

### How do the best dev and marketing teams work together?

[Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)