@knime/kds-rich-text-editor 2.5.1 → 2.6.0
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/CHANGELOG.md +8 -0
- package/README.md +28 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# KNIME® Design System – Rich Text Editor
|
|
2
2
|
|
|
3
|
-
This is part of the [KNIME Design System](../../README.md)
|
|
3
|
+
This is part of the [KNIME Design System](../../README.md).
|
|
4
4
|
|
|
5
5
|
This package contains the `KdsRichTextEditor` component and its toolbar, a WYSIWYG editor that follows the KNIME Design System. It is based on the [Vue] JavaScript framework, built on the KNIME Design System tokens, and powered by [Tiptap]/[ProseMirror].
|
|
6
6
|
|
|
@@ -101,6 +101,33 @@ All public symbols follow the KDS `Kds` prefix convention:
|
|
|
101
101
|
| `KdsRichTextEditorProps` | type | Props of `KdsRichTextEditor` |
|
|
102
102
|
| `KdsBaseExtensionsConfig` | type | Opt-in map of built-in Tiptap extensions |
|
|
103
103
|
|
|
104
|
+
### Using with Vitest, Nuxt, or Vite SSR
|
|
105
|
+
|
|
106
|
+
The published JavaScript imports its CSS as a side effect (e.g.
|
|
107
|
+
`import "./index.css"`), which bundlers handle automatically. When the package
|
|
108
|
+
is instead evaluated by Node's native ESM loader — as **Vitest** and
|
|
109
|
+
**Vite/Nuxt SSR** do by default, since they externalize `node_modules` — Node
|
|
110
|
+
has no `.css` loader and throws `Unknown file extension ".css"`. Configure the
|
|
111
|
+
consuming project once so `@knime/*` packages are processed instead of
|
|
112
|
+
externalized:
|
|
113
|
+
|
|
114
|
+
```ts
|
|
115
|
+
// Vitest — vitest.config.ts
|
|
116
|
+
export default defineConfig({
|
|
117
|
+
test: { server: { deps: { inline: [/@knime\//] } } },
|
|
118
|
+
});
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
```ts
|
|
122
|
+
// Vite SSR — vite.config.ts
|
|
123
|
+
export default defineConfig({ ssr: { noExternal: [/@knime\//] } });
|
|
124
|
+
```
|
|
125
|
+
|
|
126
|
+
```ts
|
|
127
|
+
// Nuxt — nuxt.config.ts
|
|
128
|
+
export default defineNuxtConfig({ build: { transpile: [/@knime\//] } });
|
|
129
|
+
```
|
|
130
|
+
|
|
104
131
|
### Requirements
|
|
105
132
|
|
|
106
133
|
The editor expects that the embedding app provides the following:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knime/kds-rich-text-editor",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.0",
|
|
4
4
|
"description": "Package containing the RichTextEditor component which follows the KNIME Design System",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
"@tiptap/pm": "^3.27.1",
|
|
44
44
|
"@tiptap/starter-kit": "^3.27.1",
|
|
45
45
|
"@tiptap/vue-3": "^3.27.1",
|
|
46
|
-
"@knime/kds-components": "^2.
|
|
47
|
-
"@knime/kds-styles": "^2.
|
|
46
|
+
"@knime/kds-components": "^2.6.0",
|
|
47
|
+
"@knime/kds-styles": "^2.6.0",
|
|
48
48
|
"@knime/utils": "^1.12.1"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|