Skip to content

Develop a simple React-based code editor with syntax highlighting using PrismJS. Features include user code input, real-time highlighting, and initial support for JavaScript with extensibility for other languages.

Notifications You must be signed in to change notification settings

KManishY/Text_Editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple Code Editor

React App

Project Objective

Develop a simple web-based code editor using React, with syntax highlighting capabilities provided by PrismJS.

Features

  • Text Input: Users can input and edit code in a textarea element.
  • Syntax Highlighting: The inputted code will be automatically highlighted using PrismJS.
  • Language Support: Initial support for JavaScript with potential to extend to other languages.

Technology Stack

  • Frontend Framework: React
  • Syntax Highlighting: PrismJS and prism-react-renderer
  • Styling: CSS

Key Components

  • CodeEditor Component:
    • Handles user input via a textarea.
    • Displays syntax-highlighted code using PrismJS.

About

Develop a simple React-based code editor with syntax highlighting using PrismJS. Features include user code input, real-time highlighting, and initial support for JavaScript with extensibility for other languages.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published