editcore

React Text Editor (v0.0.1)

A lightweight, customizable, line-based text editor for React — built completely from scratch without using contentEditable.
Designed for developers who want full control over rendering, cursor behavior, and text operations.

🚀 Why This Editor?

• Pure HTML + React implementation
• Custom rendering logic
• Developer-controlled cursor management
• Line-based architecture
• Simple undo/redo system
• Extendable for future code-editor capabilities

✨ Current Features (v0.0.1)

• Line-by-line rendering
• Custom decorator/highlighter for each line
• Basic text updating
• Exposed line APIs
• Simple structure for building advanced editors

📦 Installation

npm install editcore

or:

yarn add editcore

🧩 Basic Usage Example

import React from "react";
import NewTextfeild from "react-text-editor";

export default function App() {
  return (
    <NewTextfeild
      initialData={["Hello world", "This is my editor"]}
      onchangeDecorator={(text, index, extra) => {
        return <span>{text}</span>;
      }}
    />
  );
}

🔧 API (v0.0.1)

Props

Prop	Type	Description
initialData	string[]	Initial lines
onchangeDecorator	(text, index, extra) => ReactNode	Line rendering hook
ref	Editor ref	Exposes editor methods

Methods

Method	Description
getAllLines()	Returns all text lines
setLine(index, text)	Set text of a line
undo()	Undo last action
redo()	Redo operation
focusLine(index)	Scroll to line

🛣️ Roadmap

• Selection support
• Advanced cursor control
• Syntax highlighting presets
• Theme system
• Tabs & indentation
• Copy/paste logic
• Plugin support
• Full editor builder

🤝 Contributing

Open to contributions, suggestions, and improvements.

📄 License

MIT License.