@overlap/rte 0.1.0

package/README.md

@@ -0,0 +1,269 @@
+# HENDRIKS-RTE
+
+Ein leichtgewichtiger, erweiterbarer Rich Text Editor für React.
+
+## Features
+
+-   ✅ **Leichtgewichtig**: Minimale Abhängigkeiten (nur React)
+-   ✅ **Erweiterbar**: Einfaches Plugin-System
+-   ✅ **Contenteditable-basiert**: Nutzt native Browser-Funktionalität
+-   ✅ **Undo/Redo**: Vollständige Historie-Unterstützung
+-   ✅ **JSON-Datenmodell**: Strukturierter Export/Import
+-   ✅ **TypeScript**: Vollständig typisiert
+
+## Installation
+
+```bash
+npm install hendriks-rte
+```
+
+## Grundlegende Verwendung
+
+```tsx
+import React, { useState } from "react";
+import { Editor, EditorContent } from "hendriks-rte";
+import "hendriks-rte/dist/styles.css"; // CSS importieren
+
+function App() {
+    const [content, setContent] = useState<EditorContent | undefined>();
+
+    return (
+        <Editor
+            initialContent={content}
+            onChange={(newContent) => {
+                setContent(newContent);
+                console.log("Content:", newContent);
+            }}
+            placeholder="Text eingeben..."
+        />
+    );
+}
+```
+
+**Hinweis:** Das CSS wird automatisch mit dem Editor importiert, wenn du den Editor verwendest. Falls du das CSS separat importieren möchtest, kannst du `import 'hendriks-rte/dist/styles.css'` verwenden.
+
+## Mit eigenen Plugins
+
+```tsx
+import React from "react";
+import { Editor, Plugin, EditorAPI, ButtonProps } from "hendriks-rte";
+
+// Eigenes Plugin erstellen
+const customPlugin: Plugin = {
+    name: "custom",
+    type: "inline",
+    command: "bold", // oder eigene Logik
+    renderButton: (props: ButtonProps) => (
+        <button
+            onClick={props.onClick}
+            className={`toolbar-button ${props.isActive ? "active" : ""}`}
+        >
+            ⭐ {/* Oder verwende SVG-Icons */}
+        </button>
+    ),
+    execute: (editor: EditorAPI) => {
+        editor.executeCommand("bold");
+    },
+    isActive: (editor: EditorAPI) => {
+        return document.queryCommandState("bold");
+    },
+};
+
+function App() {
+    return (
+        <Editor
+            plugins={[customPlugin]}
+            onChange={(content) => console.log(content)}
+        />
+    );
+}
+```
+
+## Mit optionalen Plugins
+
+```tsx
+import React from "react";
+import {
+    Editor,
+    defaultPlugins,
+    linkPlugin,
+    blockquotePlugin,
+    unorderedListPlugin,
+    orderedListPlugin,
+} from "hendriks-rte";
+
+function App() {
+    const allPlugins = [
+        ...defaultPlugins,
+        linkPlugin,
+        blockquotePlugin,
+        unorderedListPlugin,
+        orderedListPlugin,
+    ];
+
+    return (
+        <Editor
+            plugins={allPlugins}
+            onChange={(content) => console.log(content)}
+        />
+    );
+}
+```
+
+## API
+
+### Editor Props
+
+| Prop               | Type                                | Beschreibung                                 |
+| ------------------ | ----------------------------------- | -------------------------------------------- |
+| `initialContent`   | `EditorContent?`                    | Initialer Editor-Inhalt                      |
+| `onChange`         | `(content: EditorContent) => void?` | Callback bei Änderungen                      |
+| `plugins`          | `Plugin[]?`                         | Array von Plugins (Standard: defaultPlugins) |
+| `placeholder`      | `string?`                           | Platzhalter-Text                             |
+| `className`        | `string?`                           | CSS-Klasse für Container                     |
+| `toolbarClassName` | `string?`                           | CSS-Klasse für Toolbar                       |
+| `editorClassName`  | `string?`                           | CSS-Klasse für Editor                        |
+
+### EditorContent
+
+```typescript
+interface EditorContent {
+    blocks: EditorNode[];
+}
+
+interface EditorNode {
+    type: string;
+    children?: EditorNode[];
+    text?: string;
+    attributes?: Record<string, string>;
+}
+```
+
+### EditorAPI
+
+Die EditorAPI wird an Plugins übergeben und bietet folgende Methoden:
+
+-   `executeCommand(command: string, value?: string): boolean` - Führt einen Command aus
+-   `getSelection(): Selection | null` - Gibt die aktuelle Selection zurück
+-   `getContent(): EditorContent` - Gibt den aktuellen Content zurück
+-   `setContent(content: EditorContent): void` - Setzt den Content
+-   `insertBlock(type: string, attributes?: Record<string, string>): void` - Fügt einen Block ein
+-   `insertInline(type: string, attributes?: Record<string, string>): void` - Fügt ein Inline-Element ein
+-   `undo(): void` - Macht die letzte Aktion rückgängig
+-   `redo(): void` - Wiederholt die letzte Aktion
+-   `canUndo(): boolean` - Prüft, ob Undo möglich ist
+-   `canRedo(): boolean` - Prüft, ob Redo möglich ist
+
+### Plugin Interface
+
+```typescript
+interface Plugin {
+    name: string;
+    type: "inline" | "block" | "command";
+    command?: string;
+    renderButton?: (props: ButtonProps) => React.ReactElement;
+    execute?: (editor: EditorAPI) => void;
+    isActive?: (editor: EditorAPI) => boolean;
+    canExecute?: (editor: EditorAPI) => boolean;
+}
+```
+
+## Standard-Plugins
+
+-   `boldPlugin` - Fett
+-   `italicPlugin` - Kursiv
+-   `underlinePlugin` - Unterstrichen
+-   `undoPlugin` - Rückgängig
+-   `redoPlugin` - Wiederholen
+
+## Optionale Plugins
+
+-   `linkPlugin` - Links einfügen
+-   `blockquotePlugin` - Zitate
+-   `unorderedListPlugin` - Aufzählungsliste
+-   `orderedListPlugin` - Nummerierte Liste
+
+## Plugin erstellen
+
+### Beispiel: Einfaches Inline-Plugin
+
+```typescript
+import { Plugin, EditorAPI, ButtonProps } from "hendriks-rte";
+import { createInlinePlugin } from "hendriks-rte/plugins/base";
+
+const myPlugin = createInlinePlugin(
+    "myPlugin",
+    "bold", // Command
+    "mdi:format-bold", // Icon-Name (wird intern als SVG gerendert)
+    "Mein Plugin" // Label
+);
+```
+
+**Hinweis:** Icons werden intern als SVG gerendert. Du kannst auch eigene SVG-Icons in deinen Plugins verwenden.
+
+### Beispiel: Komplexes Plugin
+
+```typescript
+const customPlugin: Plugin = {
+    name: "custom",
+    type: "block",
+    renderButton: (props: ButtonProps) => (
+        <button onClick={props.onClick}>
+            {/* Verwende SVG-Icons oder Emojis */}
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
+            </svg>
+        </button>
+    ),
+    execute: (editor: EditorAPI) => {
+        editor.insertBlock("div", { class: "custom-block" });
+    },
+    isActive: (editor: EditorAPI) => {
+        // Prüfe, ob Plugin aktiv ist
+        return false;
+    },
+    canExecute: (editor: EditorAPI) => {
+        // Prüfe, ob Plugin ausgeführt werden kann
+        return true;
+    },
+};
+```
+
+## Styling
+
+Der Editor kommt mit minimalem CSS. Du kannst die Styles überschreiben:
+
+```css
+.rte-container {
+    /* Container-Styles */
+}
+
+.rte-toolbar {
+    /* Toolbar-Styles */
+}
+
+.rte-toolbar-button {
+    /* Button-Styles */
+}
+
+.rte-editor {
+    /* Editor-Styles */
+}
+```
+
+## Entwicklung
+
+```bash
+# Dependencies installieren
+npm install
+
+# Build
+npm run build
+
+# Development mit Watch
+npm run dev
+```
+
+## Lizenz
+
+MIT

package/dist/components/Dropdown.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface DropdownProps {
+    icon: string;
+    label: string;
+    options: Array<{
+        value: string;
+        label: string;
+        icon?: string;
+        color?: string;
+        preview?: string;
+        headingPreview?: string;
+    }>;
+    onSelect: (value: string) => void;
+    currentValue?: string;
+    disabled?: boolean;
+}
+export declare const Dropdown: React.FC<DropdownProps>;
+export {};
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,aAAa;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3H,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyF5C,CAAC"}

package/dist/components/Editor.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { EditorProps } from "../types";
+export declare const Editor: React.FC<EditorProps>;
+//# sourceMappingURL=Editor.d.ts.map

package/dist/components/Editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,OAAO,EAA4B,WAAW,EAAE,MAAM,UAAU,CAAC;AAmBjE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAovBxC,CAAC"}

package/dist/components/FloatingToolbar.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { EditorAPI, Plugin } from "../types";
+interface FloatingToolbarProps {
+    plugins: Plugin[];
+    editorAPI: EditorAPI;
+    editorElement: HTMLElement | null;
+}
+export declare const FloatingToolbar: React.FC<FloatingToolbarProps>;
+export {};
+//# sourceMappingURL=FloatingToolbar.d.ts.map

package/dist/components/FloatingToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingToolbar.d.ts","sourceRoot":"","sources":["../../src/components/FloatingToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAe,SAAS,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAE1D,UAAU,oBAAoB;IAC1B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;CACrC;AAQD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqM1D,CAAC"}

package/dist/components/IconWrapper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IconWrapperProps {
+    icon: string;
+    width?: number;
+    height?: number;
+    className?: string;
+}
+export declare const IconWrapper: React.FC<IconWrapperProps>;
+export {};
+//# sourceMappingURL=IconWrapper.d.ts.map

package/dist/components/IconWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapper.d.ts","sourceRoot":"","sources":["../../src/components/IconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAElD,CAAC"}

package/dist/components/Icons.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+interface IconProps {
+    width?: number;
+    height?: number;
+    className?: string;
+}
+export declare const BoldIcon: React.FC<IconProps>;
+export declare const ItalicIcon: React.FC<IconProps>;
+export declare const UnderlineIcon: React.FC<IconProps>;
+export declare const UndoIcon: React.FC<IconProps>;
+export declare const RedoIcon: React.FC<IconProps>;
+export declare const ClearFormattingIcon: React.FC<IconProps>;
+export declare const LinkIcon: React.FC<IconProps>;
+export declare const QuoteIcon: React.FC<IconProps>;
+export declare const BulletListIcon: React.FC<IconProps>;
+export declare const NumberedListIcon: React.FC<IconProps>;
+export declare const TextColorIcon: React.FC<IconProps>;
+export declare const BackgroundColorIcon: React.FC<IconProps>;
+export declare const HeadingIcon: React.FC<IconProps>;
+export declare const FontSizeIcon: React.FC<IconProps>;
+export declare const ImageIcon: React.FC<IconProps>;
+export declare const CloseIcon: React.FC<IconProps>;
+export declare const LoadingIcon: React.FC<IconProps>;
+export declare const UploadIcon: React.FC<IconProps>;
+export declare const Icon: React.FC<{
+    icon: string;
+    width?: number;
+    height?: number;
+    className?: string;
+}>;
+export {};
+//# sourceMappingURL=Icons.d.ts.map

package/dist/components/Icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../src/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI1C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIxC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIxC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAInD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIxC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIzC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI9C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIhD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI7C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAInD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI5C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIzC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAIzC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI3C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI1C,CAAC;AAuBF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAMhG,CAAC"}

package/dist/components/Toolbar.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { EditorAPI, Plugin } from "../types";
+interface ToolbarProps {
+    plugins: Plugin[];
+    editorAPI: EditorAPI;
+    className?: string;
+}
+export declare const Toolbar: React.FC<ToolbarProps>;
+export {};
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAe,SAAS,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAE1D,UAAU,YAAY;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+H1C,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export { Editor } from './Editor';
+export { Toolbar } from './Toolbar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,208 @@
+import React$1 from 'react';
+
+interface EditorNode {
+    type: string;
+    children?: EditorNode[];
+    text?: string;
+    attributes?: Record<string, string>;
+}
+interface EditorContent {
+    blocks: EditorNode[];
+}
+interface Plugin {
+    name: string;
+    type: 'inline' | 'block' | 'command';
+    command?: string;
+    renderButton?: (props: ButtonProps & {
+        [key: string]: any;
+    }) => React.ReactElement;
+    execute?: (editor: EditorAPI, value?: string) => void;
+    isActive?: (editor: EditorAPI) => boolean;
+    canExecute?: (editor: EditorAPI) => boolean;
+    getCurrentValue?: (editor: EditorAPI) => string | undefined;
+}
+interface ButtonProps {
+    isActive: boolean;
+    onClick: () => void;
+    disabled?: boolean;
+    icon?: string;
+    label?: string;
+}
+interface EditorAPI {
+    executeCommand: (command: string, value?: string) => boolean;
+    getSelection: () => Selection | null;
+    getContent: () => EditorContent;
+    setContent: (content: EditorContent) => void;
+    insertBlock: (type: string, attributes?: Record<string, string>) => void;
+    insertInline: (type: string, attributes?: Record<string, string>) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    importHtml: (htmlString: string) => EditorContent;
+    exportHtml: () => string;
+    clearFormatting: () => void;
+    clearTextColor: () => void;
+    clearBackgroundColor: () => void;
+    clearFontSize: () => void;
+    clearLinks: () => void;
+}
+interface CustomRenderer {
+    renderNode?: (node: EditorNode, children: React.ReactNode) => React.ReactElement | null;
+    renderMark?: (mark: string, attributes: Record<string, string>, children: React.ReactNode) => React.ReactElement | null;
+}
+interface EditorProps {
+    initialContent?: EditorContent;
+    onChange?: (content: EditorContent) => void;
+    plugins?: Plugin[];
+    placeholder?: string;
+    className?: string;
+    toolbarClassName?: string;
+    editorClassName?: string;
+    customLinkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        [key: string]: any;
+    }>;
+    fontSizes?: number[];
+    colors?: string[];
+    headings?: string[];
+    customHeadingRenderer?: (level: string, children: React.ReactNode) => React.ReactElement;
+    customRenderer?: CustomRenderer;
+    onEditorAPIReady?: (api: EditorAPI) => void;
+    theme?: {
+        borderColor?: string;
+        borderRadius?: number;
+        toolbarBg?: string;
+        buttonHoverBg?: string;
+        contentBg?: string;
+        primaryColor?: string;
+    };
+    onImageUpload?: (file: File) => Promise<string>;
+}
+
+declare const Editor: React$1.FC<EditorProps>;
+
+interface ToolbarProps {
+    plugins: Plugin[];
+    editorAPI: EditorAPI;
+    className?: string;
+}
+declare const Toolbar: React$1.FC<ToolbarProps>;
+
+interface DropdownProps {
+    icon: string;
+    label: string;
+    options: Array<{
+        value: string;
+        label: string;
+        icon?: string;
+        color?: string;
+        preview?: string;
+        headingPreview?: string;
+    }>;
+    onSelect: (value: string) => void;
+    currentValue?: string;
+    disabled?: boolean;
+}
+declare const Dropdown: React$1.FC<DropdownProps>;
+
+/**
+ * Standard-Plugins
+ */
+declare const boldPlugin: Plugin;
+declare const italicPlugin: Plugin;
+declare const underlinePlugin: Plugin;
+declare const undoPlugin: Plugin;
+declare const redoPlugin: Plugin;
+/**
+ * Standard-Plugin-Liste
+ */
+declare const defaultPlugins: Plugin[];
+
+/**
+ * Link-Plugin mit verbesserter Funktionalität
+ */
+declare function createLinkPlugin(): Plugin;
+declare const linkPlugin: Plugin;
+/**
+ * Blockquote-Plugin
+ */
+declare const blockquotePlugin: Plugin;
+/**
+ * Unordered List Plugin
+ */
+declare const unorderedListPlugin: Plugin;
+/**
+ * Ordered List Plugin
+ */
+declare const orderedListPlugin: Plugin;
+
+declare function createFontSizePlugin(fontSizes?: number[]): Plugin;
+
+declare function createTextColorPlugin(colors?: string[]): Plugin;
+declare function createBackgroundColorPlugin(colors?: string[]): Plugin;
+
+declare function createHeadingsPlugin(headings?: string[]): Plugin;
+
+/**
+ * Clear Formatting Plugin - Entfernt alle Formatierungen
+ */
+declare const clearFormattingPlugin: Plugin;
+
+/**
+ * Image-Plugin mit URL-Eingabe und File-Upload
+ */
+declare function createImagePlugin(onImageUpload?: (file: File) => Promise<string>): Plugin;
+
+declare function domToContent(element: HTMLElement): EditorContent;
+declare function contentToDOM(content: EditorContent, container: HTMLElement, customLinkComponent?: React$1.ComponentType<{
+    href: string;
+    children: React$1.ReactNode;
+    [key: string]: any;
+}>, customHeadingRenderer?: (level: string, children: React$1.ReactNode) => React$1.ReactElement): void;
+declare function createEmptyContent(): EditorContent;
+declare function htmlToContent(htmlString: string): EditorContent;
+declare function contentToHTML(content: EditorContent): string;
+
+declare class HistoryManager {
+    private history;
+    private currentIndex;
+    private maxHistorySize;
+    push(content: EditorContent): void;
+    undo(): EditorContent | null;
+    redo(): EditorContent | null;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    getCurrent(): EditorContent | null;
+    reset(): void;
+}
+
+/**
+ * Liest die aktuelle Font-Size aus dem DOM an der Cursor-Position
+ */
+declare function getCurrentFontSize(editor: EditorAPI): string | undefined;
+/**
+ * Liest die aktuelle Textfarbe aus dem DOM an der Cursor-Position
+ */
+declare function getCurrentTextColor(editor: EditorAPI): string | undefined;
+/**
+ * Liest die aktuelle Hintergrundfarbe aus dem DOM an der Cursor-Position
+ */
+declare function getCurrentBackgroundColor(editor: EditorAPI): string | undefined;
+/**
+ * Liest das aktuelle Heading-Level aus dem DOM an der Cursor-Position
+ */
+declare function getCurrentHeading(editor: EditorAPI, availableHeadings: string[]): string | undefined;
+
+/**
+ * Erhöht den Einrückungs-Level eines List-Items (Tab)
+ */
+declare function indentListItem(selection: Selection): boolean;
+/**
+ * Reduziert den Einrückungs-Level eines List-Items (Shift+Tab)
+ */
+declare function outdentListItem(selection: Selection): boolean;
+
+export { Dropdown, Editor, HistoryManager, Toolbar, blockquotePlugin, boldPlugin, clearFormattingPlugin, contentToDOM, contentToHTML, createBackgroundColorPlugin, createEmptyContent, createFontSizePlugin, createHeadingsPlugin, createImagePlugin, createLinkPlugin, createTextColorPlugin, Editor as default, defaultPlugins, domToContent, getCurrentBackgroundColor, getCurrentFontSize, getCurrentHeading, getCurrentTextColor, htmlToContent, indentListItem, italicPlugin, linkPlugin, orderedListPlugin, outdentListItem, redoPlugin, underlinePlugin, undoPlugin, unorderedListPlugin };
+export type { ButtonProps, CustomRenderer, EditorAPI, EditorContent, EditorNode, EditorProps, Plugin };

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC"}