0.0.12 • Published 1 month ago
@skynoveau-ui/editor v0.0.12
A modern, lightweight Word to HTML editor for React. Effortlessly paste content from Microsoft Word or rich text sources and receive clean, semantic, and editable HTML. Perfect for CMS integrations, admin panels, or any app needing reliable HTML from pasted rich text.
✨ Features
- 📄 Paste from Microsoft Word, Google Docs, or the web
- ✨ Produces clean, semantic HTML
- 🧼 Automatically removes unwanted styles and tags
- 💡 Inline editing support
- 🎯 Built with React for easy integration
- ⚙️ Fully customizable
📦 Installation
npm install @skynoveau-ui/editoror
yarn add @skynoveau-ui/editor🚀 Usage
<Editor>
<Editor.word />
<Editor.html />
<Editor.preview />
</Editor>Editor props
<Editor/>
| Prop | Type | Description |
|---|---|---|
showHeader | boolean | Show/hide the editor header |
<Editor.html />
| Prop | Type | Description |
|---|---|---|
onChange | (content: string) => void | Callback with editor content |
onClick | () => void | Callback when editor is clicked |
<Editor.word />
| Prop | Type | Description |
|---|---|---|
onChange | (content: string) => void | Callback with editor content |
onClick | () => void | Callback when editor is clicked |
<Editor.preview />
No props required. Renders a live preview of the HTML content.
🧪 Example Output
Paste from Word:
My Bold Text with header and footersClean HTML Output:
<p><strong>My Bold Text</strong> with header and footers</p>📜 License
MIT — Free for personal and commercial use.
🤝 Contributing
Contributions are welcome! Open issues, suggest features, or submit pull requests.