Editoraft - Online Text Editor

Editoraft

Rich Text Editor using Draft.js within ReactJS with the following specifications

  • The editor written in Draft.js
    • # as the first string in a line & pressing space make anything you type afterwards on the same line be in a “Heading” format. On pressing space the aforementioned # disappear.
      • See “This is Heading” line in the layout image above.
    • * as the first string in a line and pressing space correspond to “bold” format
    • ** and space = red line
    • *** and space = underline
  • Pressing the Save button persists everything typed in the editor into localstorage. On refreshing the page, the saved info refilled into the editor.

👨🏻‍💻 Technology used

  • HTML
  • CSS
  • Vite
  • JavaScript
  • React.js
  • Draft.js

17 Mar 2024

Keywords
web Development
React
Text Editor

Creating portfolio made simple for

Trusted by 48400+ Generalists. Try it now, free to use

Start making more money