--- title: "#draftjs articles | Hashnode" description: "Rich Text Editor Framework for React. Read the latest #draftjs articles and tutorials on Hashnode." url: "https://hashnode.com/tag/draftjs" --- Tag # #draftjs 39 posts · 79 followers [Michael Asiedu](https://hashnode.com/@asiedu-dev) · [Jun 15, 2023](https://hashnode.com/posts/integrate-a-rich-text-editor-into-nextjs-applications-in-just-4-minutes/648ad3371c2b5dbd4dc8f83a) ### [Integrate a Rich-Text Editor into Next.js Applications in Just 4 Minutes](https://michaelasiedu.hashnode.dev/integrate-a-rich-text-editor-into-nextjs-applications-in-just-4-minutes?utm_source=hashnode&utm_medium=feed) Learn how to seamlessly integrate a Draft.js rich-text editor into your Next.js applications. 5 min read · [michaelasiedu.hashnode.dev](https://michaelasiedu.hashnode.dev/integrate-a-rich-text-editor-into-nextjs-applications-in-just-4-minutes?utm_source=hashnode&utm_medium=feed) [Shrijan Tripathi](https://hashnode.com/@itsmeshrijan) · [Jun 14, 2023](https://hashnode.com/posts/first-look-at-go-context-from-draft/648a387f2dd89a26551cf5b7) ### [First Look at Go Context -- (From Draft)](https://shrijantripathi.com.np/first-look-at-go-context-from-draft?utm_source=hashnode&utm_medium=feed) My note from the draft, written in points, hope it will help you understand the context better. 7 min read · [shrijantripathi.com.np](https://shrijantripathi.com.np/first-look-at-go-context-from-draft?utm_source=hashnode&utm_medium=feed) [Amit PR](https://hashnode.com/@apfirebolt) · [Jan 5, 2023](https://hashnode.com/posts/create-a-text-editor-in-react-using-material-ui/63b73bff965c673841a316e9) ### [Create a text editor in React using Material UI](https://amitprafull.com/create-a-text-editor-in-react-using-material-ui?utm_source=hashnode&utm_medium=feed) Creating a text editor in React using Material UI, Draft JS, Buffer, react-html-parser, draft-js-export-html 3 min read · [amitprafull.com](https://amitprafull.com/create-a-text-editor-in-react-using-material-ui?utm_source=hashnode&utm_medium=feed) [Diky Hadna 👾](https://hashnode.com/@dkhd) · [Sep 10, 2021](https://hashnode.com/posts/building-a-medium-like-text-editor/613cc6a21821961e2551ee5a) ### [Building A Medium-like Text Editor in ReactJS Using Draftail](https://note.hadna.space/building-a-medium-like-text-editor?utm_source=hashnode&utm_medium=feed) There might be a moment in your life as a software developer that you need to build a text editing component for your ReactJS app, and you just don’t want to throw those fancy old-fashioned textarea or input tag in it. They just simply don’t meet you... 4 min read · [note.hadna.space](https://note.hadna.space/building-a-medium-like-text-editor?utm_source=hashnode&utm_medium=feed) [Nitesh Sawant](https://hashnode.com/@ns23) · [Apr 11, 2020](https://hashnode.com/posts/braft-editor-custom-media-upload-and-validation/5fecbce8b2cf2458fe324e9b) ### [Braft Editor - Custom Media Upload and Validation](https://ns23.dev/braft-editor-custom-media-upload-and-validation?utm_source=hashnode&utm_medium=feed) Braft Editor - Custom Media Upload Function Introduction In this article I am going to show you how to implement custom upload and validation function for media upload in Braft Editor. Braft Editor is a web rich text editor based on draft-js, suitab... 7 min read · [ns23.dev](https://ns23.dev/braft-editor-custom-media-upload-and-validation?utm_source=hashnode&utm_medium=feed) [freeCodeCamp](https://hashnode.com/@freeCodeCamp) · [Nov 14, 2018](https://hashnode.com/posts/how-to-create-ordered-and-unordered-lists-in-draft-js-with-a-shortcut-5de34a1a570f/66c351401283974fd2bb0794) ### [How to create ordered and unordered lists in Draft.js with a shortcut](https://freecodecamp.org/news/how-to-create-ordered-and-unordered-lists-in-draft-js-with-a-shortcut-5de34a1a570f?utm_source=hashnode&utm_medium=feed) By Andrey Semin We at Propeller have encountered many differences between Draft.js and popular text editors. We also found some issues like controlling list depth and multiline items in lists. The biggest difference is the inability to use shortcuts ... 4 min read · [freecodecamp.org](https://freecodecamp.org/news/how-to-create-ordered-and-unordered-lists-in-draft-js-with-a-shortcut-5de34a1a570f?utm_source=hashnode&utm_medium=feed) [Sai Kishore Komanduri](https://hashnode.com/@saiki) · [Apr 14, 2017](https://hashnode.com/posts/real-world-examples-of-force-renders-in-draftjs-aka-whenhow-to-use-editorstateforceselection/58f07a438119c8887ef19478) ### [Real-world examples of force renders in DraftJS — a.k.a. When/How to use EditorState#forceSelection](https://saiki.hashnode.dev/real-world-examples-of-force-renders-in-draftjs-aka-whenhow-to-use-editorstateforceselection?utm_source=hashnode&utm_medium=feed) EditorState has a static method called forceSelection. It should be used when you want to re-render the editor — with selection and focus — forcefully. Here is what is said about it in the docs: 📘 forceSelection static forceSelection( editorSt... 3 min read · [saiki.hashnode.dev](https://saiki.hashnode.dev/real-world-examples-of-force-renders-in-draftjs-aka-whenhow-to-use-editorstateforceselection?utm_source=hashnode&utm_medium=feed) [Sai Kishore Komanduri](https://hashnode.com/@saiki) · [Apr 5, 2017](https://hashnode.com/posts/draftjs-tip-getting-the-bounding-rect-of-a-content-block-in-draftjs/58e4d051b9e9cddf3e4e9cd6) ### [DraftJS Tip — Getting the bounding rect of a content block in DraftJS](https://saiki.hashnode.dev/draftjs-tip-getting-the-bounding-rect-of-a-content-block-in-draftjs?utm_source=hashnode&utm_medium=feed) Is there a way to grab the bounding rect of a sentence in draft? Or do I need to setup some kind of decorator/custom block function to get that information? This question has originally been asked on the official DraftJS slack group. The blocks in ... 1 min read · [saiki.hashnode.dev](https://saiki.hashnode.dev/draftjs-tip-getting-the-bounding-rect-of-a-content-block-in-draftjs?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/draftjs-tip-getting-the-bounding-rect-of-a-content-block-in-draftjs/58e4d051b9e9cddf3e4e9cd6)