ckeditor5-elements 49.0.0-alpha.4 → 49.0.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/README.md +21 -20
- package/dist/index.css +9 -0
- package/dist/index.d.ts +4 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/package.json +8 -8
- package/src/index.ts +4 -3
package/README.md
CHANGED
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
# ckeditor5-elements
|
|
2
2
|
|
|
3
|
-
Element-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
|
7
|
-
|
|
|
8
|
-
|
|
|
9
|
-
|
|
|
10
|
-
|
|
|
11
|
-
|
|
|
12
|
-
|
|
|
13
|
-
|
|
|
14
|
-
| Element
|
|
15
|
-
|
|
|
16
|
-
|
|
|
17
|
-
|
|
|
18
|
-
|
|
|
3
|
+
Element-first editing for CKEditor 5 v49, in one package. The content is a tree of named elements, each with its
|
|
4
|
+
attributes, and every feature acts on an element:
|
|
5
|
+
|
|
6
|
+
| Feature | Exports |
|
|
7
|
+
| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
|
|
8
|
+
| Commands and buttons | `ElementOrPositionCommand`, `ElementCommand` and a command for each kind of element, `ElementOrPositionButtonView`, `ElementButtonView` |
|
|
9
|
+
| Element menu | `ElementMenu` (the plugin that shows the menus below), `ElementMenuView` |
|
|
10
|
+
| Context menu | `ElementContextMenu`: a menu of commands for the right-clicked element (or Shift+F10) |
|
|
11
|
+
| Clipboard | `ElementClipboard`: `copyElement`, `cutElement`, `pasteElement`, `pasteElementBefore`, `pasteElementAfter` |
|
|
12
|
+
| Actions | `ElementActions`: `moveElementUp`, `moveElementDown`, `duplicateElement`, `deleteElement` |
|
|
13
|
+
| Attributes | `ElementAttributes`: `showElementAttributes` shows the attributes of an element in a modal |
|
|
14
|
+
| Element schema | `ElementSchema`: declare the elements of the content from a JSON file, with a validation; `ElementSchemaCommands`: their commands |
|
|
15
|
+
| Element toolbar | `ElementToolbar`: floating toolbars for the elements that match a name or a filter |
|
|
16
|
+
| Selectable elements | `ElementSelectable`: select an element as a whole, by a click or by the arrow keys, without widgets |
|
|
17
|
+
| Clickable elements | `ElementClickable`: a callback with the model element when an element is clicked or double-clicked |
|
|
18
|
+
| Quick insert | `ElementQuickInsert`: Alt+Enter opens a searchable list of the elements allowed at the cursor |
|
|
19
|
+
| Breadcrumbs | `ElementBreadcrumbs`: the element path at the cursor, as labels or buttons that open the element menu |
|
|
19
20
|
|
|
20
21
|
## Installation
|
|
21
22
|
|
|
@@ -29,7 +30,7 @@ Import the features from `ckeditor5-elements`, and its stylesheet, which styles
|
|
|
29
30
|
|
|
30
31
|
```ts
|
|
31
32
|
import { ClassicEditor, Essentials, Paragraph } from 'ckeditor5';
|
|
32
|
-
import {
|
|
33
|
+
import { ElementBreadcrumbs, ElementClipboard, ElementContextMenu, ElementQuickInsert } from 'ckeditor5-elements';
|
|
33
34
|
|
|
34
35
|
import 'ckeditor5/ckeditor5.css';
|
|
35
36
|
import 'ckeditor5-elements/index.css';
|
|
@@ -48,10 +49,10 @@ const menu = (element, editor) => [
|
|
|
48
49
|
await ClassicEditor.create({
|
|
49
50
|
attachTo: document.querySelector('#editor'),
|
|
50
51
|
licenseKey: 'GPL',
|
|
51
|
-
plugins: [Essentials, Paragraph, ElementContextMenu, ElementClipboard,
|
|
52
|
+
plugins: [Essentials, Paragraph, ElementContextMenu, ElementClipboard, ElementQuickInsert, ElementBreadcrumbs],
|
|
52
53
|
toolbar: ['undo', 'redo', '|', 'breadcrumbs'],
|
|
53
54
|
elementContextMenu: menu,
|
|
54
|
-
|
|
55
|
+
elementBreadcrumbs: { menu }
|
|
55
56
|
});
|
|
56
57
|
```
|
|
57
58
|
|
|
@@ -64,7 +65,7 @@ versions of them would be loaded, which fails.
|
|
|
64
65
|
|
|
65
66
|
[CKEditor 5 Elements documentation](https://ivankild.github.io/ckeditor5-elements/): guides with live examples, and the API reference.
|
|
66
67
|
|
|
67
|
-
The [full example](https://ivankild.github.io/ckeditor5-elements/
|
|
68
|
+
The [full example](https://ivankild.github.io/ckeditor5-elements/examples/) shows all the features together in one editor.
|
|
68
69
|
|
|
69
70
|
## License
|
|
70
71
|
|
package/dist/index.css
CHANGED
|
@@ -172,3 +172,12 @@
|
|
|
172
172
|
.ck.ck-elements-quick-insert .ck-list__item > .ck.ck-button {
|
|
173
173
|
width: 100%;
|
|
174
174
|
}
|
|
175
|
+
|
|
176
|
+
/* ckeditor5-elements-schema */
|
|
177
|
+
/*
|
|
178
|
+
* A verbatim block of the element schema, in the editor: it keeps its whitespace, whatever its tag, e.g. the
|
|
179
|
+
* `editingTag` of the element. (In a `pre`, the browser keeps it anyway.)
|
|
180
|
+
*/
|
|
181
|
+
.ck-content .ck-elements-verbatim {
|
|
182
|
+
white-space: pre-wrap;
|
|
183
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* CKEditor 5 Elements:
|
|
3
|
-
*
|
|
4
|
-
*
|
|
2
|
+
* CKEditor 5 Elements: element-first editing. The content is a tree of named elements, each with its attributes,
|
|
3
|
+
* formatting included, declared by an element schema; every feature acts on an element: commands and their buttons, the
|
|
4
|
+
* element menu and context menu, element actions (move, duplicate, delete, and the clipboard), element attributes,
|
|
5
|
+
* selectable and clickable elements, element toolbars, quick insert and breadcrumbs.
|
|
5
6
|
*
|
|
6
7
|
* This package brings them all, as `ckeditor5` does for CKEditor: install it, and import everything from it. Its
|
|
7
8
|
* stylesheet, `ckeditor5-elements/index.css`, has the styles of all of them.
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* CKEditor 5 Elements:
|
|
3
|
-
*
|
|
4
|
-
*
|
|
2
|
+
* CKEditor 5 Elements: element-first editing. The content is a tree of named elements, each with its attributes,
|
|
3
|
+
* formatting included, declared by an element schema; every feature acts on an element: commands and their buttons, the
|
|
4
|
+
* element menu and context menu, element actions (move, duplicate, delete, and the clipboard), element attributes,
|
|
5
|
+
* selectable and clickable elements, element toolbars, quick insert and breadcrumbs.
|
|
5
6
|
*
|
|
6
7
|
* This package brings them all, as `ckeditor5` does for CKEditor: install it, and import everything from it. Its
|
|
7
8
|
* stylesheet, `ckeditor5-elements/index.css`, has the styles of all of them.
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ckeditor5-elements",
|
|
3
|
-
"version": "49.0.0
|
|
3
|
+
"version": "49.0.0",
|
|
4
4
|
"description": "Element commands, an element context menu, element actions and clipboard commands, element attributes, an element schema, selectable and clickable elements, element toolbars, quick insert and breadcrumbs for CKEditor 5.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ckeditor",
|
|
@@ -44,13 +44,13 @@
|
|
|
44
44
|
"*.css"
|
|
45
45
|
],
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"ckeditor5-elements-actions": "49.0.0
|
|
48
|
-
"ckeditor5-elements-attributes": "49.0.0
|
|
49
|
-
"ckeditor5-elements-core": "49.0.0
|
|
50
|
-
"ckeditor5-elements-interaction": "49.0.0
|
|
51
|
-
"ckeditor5-elements-menu": "49.0.0
|
|
52
|
-
"ckeditor5-elements-schema": "49.0.0
|
|
53
|
-
"ckeditor5-elements-toolbar": "49.0.0
|
|
47
|
+
"ckeditor5-elements-actions": "49.0.0",
|
|
48
|
+
"ckeditor5-elements-attributes": "49.0.0",
|
|
49
|
+
"ckeditor5-elements-core": "49.0.0",
|
|
50
|
+
"ckeditor5-elements-interaction": "49.0.0",
|
|
51
|
+
"ckeditor5-elements-menu": "49.0.0",
|
|
52
|
+
"ckeditor5-elements-schema": "49.0.0",
|
|
53
|
+
"ckeditor5-elements-toolbar": "49.0.0"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"ckeditor5": "^49.0.0"
|
package/src/index.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* CKEditor 5 Elements:
|
|
3
|
-
*
|
|
4
|
-
*
|
|
2
|
+
* CKEditor 5 Elements: element-first editing. The content is a tree of named elements, each with its attributes,
|
|
3
|
+
* formatting included, declared by an element schema; every feature acts on an element: commands and their buttons, the
|
|
4
|
+
* element menu and context menu, element actions (move, duplicate, delete, and the clipboard), element attributes,
|
|
5
|
+
* selectable and clickable elements, element toolbars, quick insert and breadcrumbs.
|
|
5
6
|
*
|
|
6
7
|
* This package brings them all, as `ckeditor5` does for CKEditor: install it, and import everything from it. Its
|
|
7
8
|
* stylesheet, `ckeditor5-elements/index.css`, has the styles of all of them.
|