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/editor
or
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 footers
Clean 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.