App.js file import export default App If you’d prefer a Medium style editor, use the bubble theme (simply replace snow with bubble). This will give us a classic toolbar above our editor. Then we’ll import the ReactQuill component, as well as a style sheet for the default theme we’ll be using, called snow. Head to your App.js file and feel free to clear everything out of there. Once your app is running, let’s install Quill for React: $ npm install react-quill It’s pretty easy to work with, and comes with an out of the box product with plenty of functionality - no customization needed.įirst, let’s create a React app: $ npx create-react-app quill-editor $ cd quill-editor $ npm start However, there are plenty of other options out there, so definitely don’t feel like you should be confined to this list for any reason! Luckily, there are several free options that are relatively easy to get started with. Even if you’re just tired of plain old and elements, considering opting for a rich text editor instead. They give users far more options when formatting text, and the ability to embed links, code blocks, images, and much more, depending on what your users need, and the level of complexity you want to give your text editor. From Google Docs, Twitter, comment sections on sites like Reddit and YouTube, to content websites like the one hosting this very blog, everyone has used one at some point. Getting Started with Rich Text Editors in React
0 Comments
Leave a Reply. |