Michael Asiedumichaelasiedu.hashnode.dev·Jun 15, 2023Integrate a Rich-Text Editor into Next.js Applications in Just 4 MinutesThe server-side rendering (SSR) capability of Next.js adds complexity when incorporating certain client-side dependencies in your applications. In this tutorial, we will build a simple Rich-text editor with Next.js and an NPM dependency called Draft....1 like·673 readsJavaScript and ReactNext.js
Shrijan Tripathishrijantripathi.com.np·Jun 14, 2023First Look at Go Context -- (From Draft)Go Context use context to gather additional information about the environment they're being executed in. lets get into it :) package main import "context" import "fmt" func doSomething(ctx context.Context){ fmt.Println("Doing something", ctx)...35 readsgolang
Amit PRapfirebolt.hashnode.dev·Jan 5, 2023Create a text editor in React using Material UII was doing some research on creating a feature text editor in React for one of my MERN projects. Text editors, similar to what we have on Hashnode, Stackoverflow, medium.com and many more websites. I was able to implement it using a library called '...2.5K readsMaterial Design
Diky Hadna 👾note.hadna.space·Sep 10, 2021Building A Medium-like Text Editor in ReactJS Using DraftailThere 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...89 readsReact
Nitesh Sawantns23.hashnode.dev·Apr 11, 2020Braft Editor - Custom Media Upload and ValidationBraft 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...192 readsReact
freeCodeCampforfreeCodeCampfreecodecamp.org·Nov 14, 2018How to create ordered and unordered lists in Draft.js with a shortcutBy 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 ...DraftJS
Sai Kishore Komandurisaiki.hashnode.dev·Apr 14, 2017Real-world examples of force renders in DraftJS — a.k.a. When/How to use EditorState#forceSelectionEditorState 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...10 likes·205 readsDraftJS
Sai Kishore Komandurisaiki.hashnode.dev·Apr 5, 2017DraftJS Tip — Getting the bounding rect of a content block in DraftJSIs 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 ...18 likes·186 readsDraftJS