nam-rich-text-editor 9.0.0 → 9.0.2

package/README.md

@@ -5,15 +5,19 @@ A custom rich text editor similar to Word, built with JavaScript and TypeScript.
 ## Installation
 
 ```bash
-npm install rich-text-editor
+npm install nam-rich-text-editor
 ```
 
 ## Usage
 
+### As a Class
+
 ```javascript
-import { RichTextEditor } from "rich-text-editor";
+import { RichTextEditor } from "nam-rich-text-editor";
 
-const editor = new RichTextEditor("editor-container");
+const editor = new RichTextEditor();
+const editorElement = editor.getElement();
+document.body.appendChild(editorElement);
 
 // Get HTML content
 const html = editor.getHTML();
@@ -22,10 +26,24 @@ const html = editor.getHTML();
 editor.setHTML("<p>Hello <strong>world</strong>!</p>");
 ```
 
-Add a div with id 'editor-container' in your HTML:
+### As a React Component
+
+```jsx
+import React from "react";
+import { RichTextEditorComponent } from "nam-rich-text-editor";
+
+const MyEditor = () => {
+  const handleChange = (html) => {
+    console.log("HTML content:", html);
+  };
 
-```html
-<div id="editor-container"></div>
+  return (
+    <RichTextEditorComponent
+      onChange={handleChange}
+      initialValue="<p>Start editing...</p>"
+    />
+  );
+};
 ```
 
 ## Features

package/dist/RichTextEditor.d.ts

@@ -2,7 +2,8 @@ export declare class RichTextEditor {
     private container;
     private toolbar;
     private editor;
-    constructor(containerId: string);
+    constructor();
+    getElement(): HTMLElement;
     getHTML(): string;
     setHTML(html: string): void;
 }

package/dist/RichTextEditorComponent.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface RichTextEditorProps {
+    onChange?: (html: string) => void;
+    initialValue?: string;
+}
+declare const RichTextEditorComponent: React.FC<RichTextEditorProps>;
+export default RichTextEditorComponent;

package/dist/index.d.ts

@@ -1 +1,2 @@
 export { RichTextEditor } from "./RichTextEditor";
+export { default as RichTextEditorComponent } from "./RichTextEditorComponent";

package/dist/main.d.ts

@@ -1 +1 @@
-import "./style.css";
+export {};