Dream Editor JS

Dream Editor JS is a lightweight, customizable rich text editor built with React. It provides basic formatting options and additional features like image insertion, light/dark mode, and undo/redo functionality.

Features

• Basic Text Formatting: Bold, Italic, Underline, Strikethrough
• Text Alignment: Left, Center, Right alignment (with icons)
• Lists: Ordered and unordered lists
• Link Insertion: Easily insert and format clickable links
• Image Insertion: Upload images directly into the editor
• Light/Dark Mode: Toggle between light and dark themes
• Undo/Redo: Navigate through your editing history

Installation

npm install dream-editor-js

Usage

import React from 'react';
import Editor from 'dream-editor-js';

const App = () => {
  return (
    <div>
      <Editor />
    </div>
  );
};

export default App;

API

The editor requires no props for basic usage. You can extend or customize it to meet your needs.

Light/Dark Mode

Toggle between light and dark themes with the built-in mode switcher.

Undo/Redo

The editor supports undo and redo operations, allowing you to easily navigate through your edit history.

Image Upload

Users can upload images directly into the editor, and they will be displayed inline.

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue.

License

This project is licensed under the MIT License.