0.0.12 โ€ข Published 1 month ago

@skynoveau-ui/editor v0.0.12

Weekly downloads
-
License
MIT
Repository
github
Last release
1 month ago

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/>

PropTypeDescription
showHeaderbooleanShow/hide the editor header

<Editor.html />

PropTypeDescription
onChange(content: string) => voidCallback with editor content
onClick() => voidCallback when editor is clicked

<Editor.word />

PropTypeDescription
onChange(content: string) => voidCallback with editor content
onClick() => voidCallback 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.