@dooherceg/tiptap-controlled-editor-with-table 0.0.1

package/README.md

@@ -0,0 +1,63 @@
+# Tiptap Simple + Tables + Controlled
+
+> Tiptap Simple Editor extended with table support and controlled component pattern
+
+## 🎯 What is this?
+
+This package extends the official **Tiptap Simple Editor** template with:
+
+- 📊 **Table Support** - Insert and edit tables
+- 🎮 **Controlled Mode** - Full React state control
+- 🔧 **Table Toolbar** - Dedicated UI for table operations
+
+Built on top of [Tiptap Simple Editor](https://tiptap.dev/docs/ui-components/templates/simple-editor).
+
+## 🚀 Installation
+
+### Build the package
+
+```bash
+npm install @dooherceg/tiptap-controlled-editor-with-table
+```
+
+## 📖 Usage
+
+```tsx
+import { SimpleEditor } from "tiptap-simple-tables";
+
+function App() {
+  const [content, setContent] = useState("");
+
+  return <SimpleEditor content={content} onContentChange={setContent} />;
+}
+```
+
+## ✨ What's Added?
+
+Compared to the original Tiptap Simple Editor:
+
+### Table Support
+
+- Insert tables via toolbar button
+- Resize columns
+- Add/delete rows and columns
+- Table cell selection
+
+### Controlled Component
+
+- `content` prop for external state
+- `onContentChange` callback
+- Proper sync without infinite loops
+
+## 🙏 Credits
+
+Based on the **Tiptap Simple Editor** template by the [Tiptap team](https://tiptap.dev).
+
+## 📄 License
+
+MIT (same as Tiptap)
+
+---
+
+**Note:** This is an unofficial extension. For official Tiptap templates
+and extensions, visit [tiptap.dev](https://tiptap.dev)