Skip to content

Apfirebolt/text-editor-in-React-using-material-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rich Text Editor in React using Material UI

_👀 Medium like text editor in React

NodeJS React MUI

Introduction

I was facing issues with implementing a Text Editor in React, previously I had a hassle-free implementation in Vue for one of the projects I have on Github. Many things did not work for me. I tried packages like React Slate, React-draft-wysiwyg and more. But, they had dependency related issues. Many of them lacked concrete examples. This package called 'mui-rte' did work for me at last in this project bootstrapped with create-react-app.

This also has some warnings though which I might address in the future, but I needed a quick solution for the time being.

Requirements 🏃

  • Node
  • React
  • Material UI
  • Draft JS

Install 💥

npm install
npm start

The React app is configured to run by default on port 3000.

Features

  • Text Editor
  • Can have hyperlinks and images.
  • Can parse HTML output from the editor to send to the back-end server.

Deployment

Docker deployment using Nginx to be added in the future.

Development

Easily set up a local development environment!

  • clone
  • npm install
  • npm start

Start coding! 🎉

Clone this repo on your machine, navigate to its location in the terminal and run:

Contributing

All contributions are welcome!

About

A text editor in React much like you see on Medium.com and other blogging sites

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published