@meenainwal/rich-text-editor 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ReadME.md +30 -46
- package/dist/core/Editor.d.ts +133 -0
- package/dist/core/HistoryManager.d.ts +30 -0
- package/dist/core/ImageManager.d.ts +19 -0
- package/dist/core/SelectionManager.d.ts +31 -0
- package/dist/index.d.ts +11 -0
- package/dist/rich-text-editor.css +1 -1
- package/dist/style.d.ts +4 -0
- package/dist/test-editor.cjs +2 -2
- package/dist/test-editor.mjs +535 -232
- package/dist/ui/Toolbar.d.ts +19 -0
- package/dist/ui/toolbar/EmojiList.d.ts +6 -0
- package/dist/ui/toolbar/EmojiPicker.d.ts +19 -0
- package/dist/ui/toolbar/ToolbarItem.d.ts +16 -0
- package/dist/ui/toolbar/items/AlignCenter.d.ts +2 -0
- package/dist/ui/toolbar/items/AlignJustify.d.ts +2 -0
- package/dist/ui/toolbar/items/AlignLeft.d.ts +2 -0
- package/dist/ui/toolbar/items/AlignRight.d.ts +2 -0
- package/dist/ui/toolbar/items/Bold.d.ts +2 -0
- package/dist/ui/toolbar/items/BulletList.d.ts +2 -0
- package/dist/ui/toolbar/items/ClearFormatting.d.ts +2 -0
- package/dist/ui/toolbar/items/Emoji.d.ts +2 -0
- package/dist/ui/toolbar/items/FontFamily.d.ts +2 -0
- package/dist/ui/toolbar/items/FontSize.d.ts +2 -0
- package/dist/ui/toolbar/items/Heading.d.ts +2 -0
- package/dist/ui/toolbar/items/HighlightColor.d.ts +2 -0
- package/dist/ui/toolbar/items/HorizontalRule.d.ts +2 -0
- package/dist/ui/toolbar/items/Image.d.ts +2 -0
- package/dist/ui/toolbar/items/Indent.d.ts +2 -0
- package/dist/ui/toolbar/items/Italic.d.ts +2 -0
- package/dist/ui/toolbar/items/LineHeight.d.ts +2 -0
- package/dist/ui/toolbar/items/Link.d.ts +2 -0
- package/dist/ui/toolbar/items/OrderedList.d.ts +2 -0
- package/dist/ui/toolbar/items/Outdent.d.ts +2 -0
- package/dist/ui/toolbar/items/Redo.d.ts +2 -0
- package/dist/ui/toolbar/items/Strikethrough.d.ts +2 -0
- package/dist/ui/toolbar/items/Table.d.ts +2 -0
- package/dist/ui/toolbar/items/TableActions.d.ts +5 -0
- package/dist/ui/toolbar/items/TextColor.d.ts +2 -0
- package/dist/ui/toolbar/items/Underline.d.ts +2 -0
- package/dist/ui/toolbar/items/Undo.d.ts +2 -0
- package/dist/ui/toolbar/registry.d.ts +2 -0
- package/package.json +15 -10
- package/images/Screenshot from 2026-03-07 12-13-13.png +0 -0
- package/images/editor-preview.png +0 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CoreEditor } from '../core/Editor';
|
|
2
|
+
export declare class Toolbar {
|
|
3
|
+
private editor;
|
|
4
|
+
private container;
|
|
5
|
+
private savedRange;
|
|
6
|
+
private items;
|
|
7
|
+
private activePicker;
|
|
8
|
+
private statusEl;
|
|
9
|
+
constructor(editor: CoreEditor);
|
|
10
|
+
private createToolbarElement;
|
|
11
|
+
private render;
|
|
12
|
+
private renderButton;
|
|
13
|
+
private renderInput;
|
|
14
|
+
private renderSelect;
|
|
15
|
+
private renderColorPicker;
|
|
16
|
+
get el(): HTMLElement;
|
|
17
|
+
private updateActiveStates;
|
|
18
|
+
updateStatus(text: string, isLoading?: boolean): void;
|
|
19
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ThemeConfig } from '../../core/Editor';
|
|
2
|
+
export declare class EmojiPicker {
|
|
3
|
+
private container;
|
|
4
|
+
private searchInput;
|
|
5
|
+
private emojiGrid;
|
|
6
|
+
private onSelect;
|
|
7
|
+
private onClose;
|
|
8
|
+
private theme?;
|
|
9
|
+
private dark?;
|
|
10
|
+
constructor(onSelect: (emoji: string) => void, onClose: () => void, theme?: ThemeConfig, dark?: boolean);
|
|
11
|
+
private createPickerElement;
|
|
12
|
+
private setupEvents;
|
|
13
|
+
private renderEmojis;
|
|
14
|
+
private renderGridItems;
|
|
15
|
+
private applyTheme;
|
|
16
|
+
show(referenceEl: HTMLElement): void;
|
|
17
|
+
close(): void;
|
|
18
|
+
get el(): HTMLElement;
|
|
19
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type ToolbarItemType = 'button' | 'select' | 'input' | 'divider' | 'color-picker';
|
|
2
|
+
export interface ToolbarItemOption {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
}
|
|
6
|
+
export interface ToolbarItem {
|
|
7
|
+
id?: string;
|
|
8
|
+
type: ToolbarItemType;
|
|
9
|
+
title: string;
|
|
10
|
+
command?: string;
|
|
11
|
+
icon?: string;
|
|
12
|
+
value?: string;
|
|
13
|
+
options?: ToolbarItemOption[];
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
package/package.json
CHANGED
|
@@ -1,24 +1,29 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@meenainwal/rich-text-editor",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9",
|
|
4
4
|
"description": "A premium, lightweight, and framework-agnostic rich text editor with a sophisticated Slate & Indigo design.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
|
-
"dist"
|
|
8
|
-
"images"
|
|
7
|
+
"dist"
|
|
9
8
|
],
|
|
10
9
|
"main": "./dist/test-editor.cjs",
|
|
11
10
|
"module": "./dist/test-editor.mjs",
|
|
12
11
|
"types": "./dist/index.d.ts",
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"import": "./dist/test-editor.mjs",
|
|
16
|
+
"require": "./dist/test-editor.cjs"
|
|
17
|
+
},
|
|
18
|
+
"./style": {
|
|
19
|
+
"types": "./dist/style.d.ts",
|
|
20
|
+
"default": "./dist/rich-text-editor.css"
|
|
21
|
+
},
|
|
22
|
+
"./dist/rich-text-editor.css": "./dist/rich-text-editor.css"
|
|
23
|
+
},
|
|
19
24
|
"scripts": {
|
|
20
25
|
"dev": "vite",
|
|
21
|
-
"build": "vite build && tsc",
|
|
26
|
+
"build": "vite build && tsc -p tsconfig.types.json && cp src/style.d.ts dist/style.d.ts && sed -i '/import.*\\.css/d' dist/index.d.ts",
|
|
22
27
|
"preview": "vite preview",
|
|
23
28
|
"test": "vitest",
|
|
24
29
|
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
|
|
Binary file
|
|
Binary file
|