@notectl/core 0.0.11 → 1.0.2
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 +6 -5
- package/dist/index.d.ts +457 -51
- package/dist/notectl-core.js +524 -162
- package/dist/notectl-core.js.map +1 -1
- package/dist/notectl-core.mjs +7194 -4486
- package/dist/notectl-core.mjs.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
# notectl
|
|
4
4
|
|
|
5
|
-
**A
|
|
5
|
+
## **A framework-agnostic rich text editor as a Web Component — ship only what you use.**
|
|
6
6
|
|
|
7
7
|
Built on immutable state, a transaction-based architecture, and a plugin system that powers every feature — from bold text to full table editing.
|
|
8
8
|
|
|
@@ -52,15 +52,16 @@ npm install @notectl/core
|
|
|
52
52
|
```ts
|
|
53
53
|
import {
|
|
54
54
|
createEditor,
|
|
55
|
+
ThemePreset,
|
|
55
56
|
TextFormattingPlugin,
|
|
56
57
|
HeadingPlugin,
|
|
57
58
|
ListPlugin,
|
|
58
59
|
LinkPlugin,
|
|
59
60
|
TablePlugin,
|
|
60
|
-
ToolbarPlugin,
|
|
61
61
|
} from '@notectl/core';
|
|
62
62
|
|
|
63
63
|
const editor = await createEditor({
|
|
64
|
+
theme: ThemePreset.Light,
|
|
64
65
|
toolbar: [
|
|
65
66
|
[new TextFormattingPlugin({ bold: true, italic: true, underline: true })],
|
|
66
67
|
[new HeadingPlugin()],
|
|
@@ -74,7 +75,7 @@ const editor = await createEditor({
|
|
|
74
75
|
document.body.appendChild(editor);
|
|
75
76
|
```
|
|
76
77
|
|
|
77
|
-
That's it. A full-featured editor in
|
|
78
|
+
That's it. A full-featured editor in 16 lines. `ThemePreset.Light` and `ThemePreset.Dark` are available out of the box.
|
|
78
79
|
|
|
79
80
|
<br />
|
|
80
81
|
|
|
@@ -92,7 +93,7 @@ Every capability is a plugin. Compose exactly the editor you need.
|
|
|
92
93
|
| **LinkPlugin** | Hyperlink insertion and editing |
|
|
93
94
|
| **TablePlugin** | Full table support with row/column controls |
|
|
94
95
|
| **TextColorPlugin** | Text color picker |
|
|
95
|
-
| **
|
|
96
|
+
| **AlignmentPlugin** | Left, center, right, justify |
|
|
96
97
|
| **FontPlugin** | Font family selection with custom font support |
|
|
97
98
|
| **FontSizePlugin** | Configurable font sizes |
|
|
98
99
|
| **HorizontalRulePlugin** | Horizontal dividers |
|
|
@@ -188,7 +189,7 @@ const editor = await createEditor({
|
|
|
188
189
|
[new FontPlugin(), new FontSizePlugin()],
|
|
189
190
|
[new TextFormattingPlugin(), new StrikethroughPlugin(), new TextColorPlugin()],
|
|
190
191
|
[new HeadingPlugin(), new BlockquotePlugin()],
|
|
191
|
-
[new
|
|
192
|
+
[new AlignmentPlugin()],
|
|
192
193
|
[new ListPlugin()],
|
|
193
194
|
[new LinkPlugin(), new TablePlugin(), new HorizontalRulePlugin()],
|
|
194
195
|
],
|