@ckeditor/ckeditor5-table 0.0.0-nightly-next-20260108.0 → 0.0.0-nightly-20260109.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/build/table.js +5 -0
- package/build/translations/af.js +1 -0
- package/build/translations/ar.js +1 -0
- package/build/translations/ast.js +1 -0
- package/build/translations/az.js +1 -0
- package/build/translations/be.js +1 -0
- package/build/translations/bg.js +1 -0
- package/build/translations/bn.js +1 -0
- package/build/translations/bs.js +1 -0
- package/build/translations/ca.js +1 -0
- package/build/translations/cs.js +1 -0
- package/build/translations/da.js +1 -0
- package/build/translations/de-ch.js +1 -0
- package/build/translations/de.js +1 -0
- package/build/translations/el.js +1 -0
- package/build/translations/en-au.js +1 -0
- package/build/translations/en-gb.js +1 -0
- package/build/translations/eo.js +1 -0
- package/build/translations/es-co.js +1 -0
- package/build/translations/es.js +1 -0
- package/build/translations/et.js +1 -0
- package/build/translations/eu.js +1 -0
- package/build/translations/fa.js +1 -0
- package/build/translations/fi.js +1 -0
- package/build/translations/fr.js +1 -0
- package/build/translations/gl.js +1 -0
- package/build/translations/gu.js +1 -0
- package/build/translations/he.js +1 -0
- package/build/translations/hi.js +1 -0
- package/build/translations/hr.js +1 -0
- package/build/translations/hu.js +1 -0
- package/build/translations/hy.js +1 -0
- package/build/translations/id.js +1 -0
- package/build/translations/it.js +1 -0
- package/build/translations/ja.js +1 -0
- package/build/translations/jv.js +1 -0
- package/build/translations/kk.js +1 -0
- package/build/translations/km.js +1 -0
- package/build/translations/kn.js +1 -0
- package/build/translations/ko.js +1 -0
- package/build/translations/ku.js +1 -0
- package/build/translations/lt.js +1 -0
- package/build/translations/lv.js +1 -0
- package/build/translations/ms.js +1 -0
- package/build/translations/nb.js +1 -0
- package/build/translations/ne.js +1 -0
- package/build/translations/nl.js +1 -0
- package/build/translations/no.js +1 -0
- package/build/translations/oc.js +1 -0
- package/build/translations/pl.js +1 -0
- package/build/translations/pt-br.js +1 -0
- package/build/translations/pt.js +1 -0
- package/build/translations/ro.js +1 -0
- package/build/translations/ru.js +1 -0
- package/build/translations/si.js +1 -0
- package/build/translations/sk.js +1 -0
- package/build/translations/sl.js +1 -0
- package/build/translations/sq.js +1 -0
- package/build/translations/sr-latn.js +1 -0
- package/build/translations/sr.js +1 -0
- package/build/translations/sv.js +1 -0
- package/build/translations/th.js +1 -0
- package/build/translations/ti.js +1 -0
- package/build/translations/tk.js +1 -0
- package/build/translations/tr.js +1 -0
- package/build/translations/tt.js +1 -0
- package/build/translations/ug.js +1 -0
- package/build/translations/uk.js +1 -0
- package/build/translations/ur.js +1 -0
- package/build/translations/uz.js +1 -0
- package/build/translations/vi.js +1 -0
- package/build/translations/zh-cn.js +1 -0
- package/build/translations/zh.js +1 -0
- package/ckeditor5-metadata.json +7 -16
- package/dist/index-content.css +30 -30
- package/dist/index-editor.css +170 -104
- package/dist/index.css +237 -147
- package/dist/index.css.map +1 -1
- package/dist/index.js +2433 -448
- package/dist/index.js.map +1 -1
- package/lang/contexts.json +4 -2
- package/package.json +35 -25
- package/{dist → src}/augmentation.d.ts +15 -4
- package/src/augmentation.js +5 -0
- package/{dist → src}/commands/insertcolumncommand.d.ts +1 -5
- package/src/commands/insertcolumncommand.js +71 -0
- package/{dist → src}/commands/insertrowcommand.d.ts +1 -5
- package/src/commands/insertrowcommand.js +70 -0
- package/{dist → src}/commands/inserttablecommand.d.ts +1 -5
- package/src/commands/inserttablecommand.js +69 -0
- package/{dist → src}/commands/inserttablelayoutcommand.d.ts +1 -5
- package/src/commands/inserttablelayoutcommand.js +65 -0
- package/{dist → src}/commands/mergecellcommand.d.ts +3 -7
- package/src/commands/mergecellcommand.js +206 -0
- package/{dist → src}/commands/mergecellscommand.d.ts +1 -5
- package/src/commands/mergecellscommand.js +94 -0
- package/{dist → src}/commands/removecolumncommand.d.ts +1 -5
- package/src/commands/removecolumncommand.js +109 -0
- package/{dist → src}/commands/removerowcommand.d.ts +1 -5
- package/src/commands/removerowcommand.js +82 -0
- package/{dist → src}/commands/selectcolumncommand.d.ts +1 -5
- package/src/commands/selectcolumncommand.js +60 -0
- package/{dist → src}/commands/selectrowcommand.d.ts +1 -5
- package/src/commands/selectrowcommand.js +56 -0
- package/{dist → src}/commands/setheadercolumncommand.d.ts +1 -5
- package/src/commands/setheadercolumncommand.js +76 -0
- package/{dist → src}/commands/setheaderrowcommand.d.ts +1 -5
- package/src/commands/setheaderrowcommand.js +83 -0
- package/{dist → src}/commands/splitcellcommand.d.ts +1 -5
- package/src/commands/splitcellcommand.js +58 -0
- package/{dist → src}/converters/downcast.d.ts +2 -6
- package/src/converters/downcast.js +298 -0
- package/{dist → src}/converters/table-caption-post-fixer.d.ts +1 -5
- package/src/converters/table-caption-post-fixer.js +55 -0
- package/{dist → src}/converters/table-cell-paragraph-post-fixer.d.ts +1 -5
- package/src/converters/table-cell-paragraph-post-fixer.js +109 -0
- package/{dist → src}/converters/table-cell-refresh-handler.d.ts +1 -5
- package/src/converters/table-cell-refresh-handler.js +47 -0
- package/{dist → src}/converters/table-headings-refresh-handler.d.ts +1 -5
- package/src/converters/table-headings-refresh-handler.js +51 -0
- package/{dist → src}/converters/table-layout-post-fixer.d.ts +1 -5
- package/src/converters/table-layout-post-fixer.js +369 -0
- package/{dist → src}/converters/tableproperties.d.ts +2 -6
- package/src/converters/tableproperties.js +444 -0
- package/{dist → src}/converters/upcasttable.d.ts +1 -5
- package/src/converters/upcasttable.js +385 -0
- package/{dist → src}/index.d.ts +5 -6
- package/src/index.js +98 -0
- package/{dist → src}/plaintableoutput.d.ts +1 -5
- package/src/plaintableoutput.js +49 -0
- package/{dist → src}/table.d.ts +2 -6
- package/src/table.js +50 -0
- package/{dist → src}/tablecaption/tablecaptionediting.d.ts +2 -6
- package/src/tablecaption/tablecaptionediting.js +136 -0
- package/{dist → src}/tablecaption/tablecaptionui.d.ts +1 -5
- package/src/tablecaption/tablecaptionui.js +64 -0
- package/{dist → src}/tablecaption/toggletablecaptioncommand.d.ts +1 -5
- package/src/tablecaption/toggletablecaptioncommand.js +105 -0
- package/{dist → src}/tablecaption/utils.d.ts +1 -5
- package/src/tablecaption/utils.js +61 -0
- package/{dist → src}/tablecaption.d.ts +1 -5
- package/src/tablecaption.js +34 -0
- package/{dist → src}/tablecellproperties/commands/tablecellbackgroundcolorcommand.d.ts +1 -5
- package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.js +30 -0
- package/{dist → src}/tablecellproperties/commands/tablecellbordercolorcommand.d.ts +2 -6
- package/src/tablecellproperties/commands/tablecellbordercolorcommand.js +44 -0
- package/{dist → src}/tablecellproperties/commands/tablecellborderstylecommand.d.ts +2 -6
- package/src/tablecellproperties/commands/tablecellborderstylecommand.js +44 -0
- package/{dist → src}/tablecellproperties/commands/tablecellborderwidthcommand.d.ts +2 -6
- package/src/tablecellproperties/commands/tablecellborderwidthcommand.js +64 -0
- package/{dist → src}/tablecellproperties/commands/tablecellheightcommand.d.ts +1 -5
- package/src/tablecellproperties/commands/tablecellheightcommand.js +51 -0
- package/{dist → src}/tablecellproperties/commands/tablecellhorizontalalignmentcommand.d.ts +1 -5
- package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.js +30 -0
- package/{dist → src}/tablecellproperties/commands/tablecellpaddingcommand.d.ts +2 -6
- package/src/tablecellproperties/commands/tablecellpaddingcommand.js +64 -0
- package/{dist → src}/tablecellproperties/commands/tablecellpropertycommand.d.ts +2 -6
- package/src/tablecellproperties/commands/tablecellpropertycommand.js +138 -0
- package/{dist → src}/tablecellproperties/commands/tablecelltypecommand.d.ts +6 -6
- package/src/tablecellproperties/commands/tablecelltypecommand.js +167 -0
- package/{dist → src}/tablecellproperties/commands/tablecellverticalalignmentcommand.d.ts +1 -5
- package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.js +38 -0
- package/{dist → src}/tablecellproperties/tablecellpropertiesediting.d.ts +1 -5
- package/src/tablecellproperties/tablecellpropertiesediting.js +412 -0
- package/{dist → src}/tablecellproperties/tablecellpropertiesui.d.ts +2 -6
- package/src/tablecellproperties/tablecellpropertiesui.js +385 -0
- package/src/tablecellproperties/tablecellpropertiesuiexperimental.d.ts +128 -0
- package/src/tablecellproperties/tablecellpropertiesuiexperimental.js +408 -0
- package/src/tablecellproperties/ui/tablecellpropertiesview.d.ts +229 -0
- package/src/tablecellproperties/ui/tablecellpropertiesview.js +612 -0
- package/{dist/tablecellproperties/ui/tablecellpropertiesview.d.ts → src/tablecellproperties/ui/tablecellpropertiesviewexperimental.d.ts} +12 -15
- package/src/tablecellproperties/ui/tablecellpropertiesviewexperimental.js +744 -0
- package/{dist → src}/tablecellproperties.d.ts +1 -5
- package/src/tablecellproperties.js +40 -0
- package/{dist → src}/tablecellwidth/commands/tablecellwidthcommand.d.ts +1 -5
- package/src/tablecellwidth/commands/tablecellwidthcommand.js +51 -0
- package/{dist → src}/tablecellwidth/tablecellwidthediting.d.ts +1 -5
- package/src/tablecellwidth/tablecellwidthediting.js +53 -0
- package/{dist → src}/tableclipboard.d.ts +3 -7
- package/src/tableclipboard.js +500 -0
- package/{dist → src}/tablecolumnresize/constants.d.ts +0 -4
- package/src/tablecolumnresize/constants.js +33 -0
- package/{dist → src}/tablecolumnresize/converters.d.ts +1 -5
- package/src/tablecolumnresize/converters.js +62 -0
- package/{dist → src}/tablecolumnresize/tablecolumnresizeediting.d.ts +2 -6
- package/src/tablecolumnresize/tablecolumnresizeediting.js +729 -0
- package/{dist → src}/tablecolumnresize/tablewidthscommand.d.ts +2 -6
- package/src/tablecolumnresize/tablewidthscommand.js +61 -0
- package/{dist → src}/tablecolumnresize/utils.d.ts +2 -6
- package/src/tablecolumnresize/utils.js +370 -0
- package/{dist → src}/tablecolumnresize.d.ts +1 -5
- package/src/tablecolumnresize.js +36 -0
- package/{dist → src}/tableconfig.d.ts +6 -30
- package/src/tableconfig.js +5 -0
- package/{dist → src}/tableediting.d.ts +2 -6
- package/src/tableediting.js +246 -0
- package/{dist → src}/tablekeyboard.d.ts +3 -7
- package/src/tablekeyboard.js +273 -0
- package/{dist → src}/tablelayout/commands/tabletypecommand.d.ts +1 -5
- package/src/tablelayout/commands/tabletypecommand.js +68 -0
- package/{dist → src}/tablelayout/tablelayoutediting.d.ts +1 -5
- package/src/tablelayout/tablelayoutediting.js +295 -0
- package/{dist → src}/tablelayout/tablelayoutui.d.ts +1 -5
- package/src/tablelayout/tablelayoutui.js +196 -0
- package/{dist → src}/tablelayout.d.ts +1 -5
- package/src/tablelayout.js +37 -0
- package/{dist → src}/tablemouse/mouseeventsobserver.d.ts +1 -5
- package/src/tablemouse/mouseeventsobserver.js +34 -0
- package/{dist → src}/tablemouse.d.ts +1 -5
- package/src/tablemouse.js +178 -0
- package/{dist → src}/tableproperties/commands/tablealignmentcommand.d.ts +1 -5
- package/src/tableproperties/commands/tablealignmentcommand.js +30 -0
- package/{dist → src}/tableproperties/commands/tablebackgroundcolorcommand.d.ts +1 -5
- package/src/tableproperties/commands/tablebackgroundcolorcommand.js +30 -0
- package/{dist → src}/tableproperties/commands/tablebordercolorcommand.d.ts +2 -6
- package/src/tableproperties/commands/tablebordercolorcommand.js +44 -0
- package/{dist → src}/tableproperties/commands/tableborderstylecommand.d.ts +2 -6
- package/src/tableproperties/commands/tableborderstylecommand.js +44 -0
- package/{dist → src}/tableproperties/commands/tableborderwidthcommand.d.ts +2 -6
- package/src/tableproperties/commands/tableborderwidthcommand.js +64 -0
- package/{dist → src}/tableproperties/commands/tableheightcommand.d.ts +1 -5
- package/src/tableproperties/commands/tableheightcommand.js +54 -0
- package/{dist → src}/tableproperties/commands/tablepropertycommand.d.ts +2 -6
- package/src/tableproperties/commands/tablepropertycommand.js +103 -0
- package/{dist → src}/tableproperties/commands/tablewidthcommand.d.ts +1 -5
- package/src/tableproperties/commands/tablewidthcommand.js +54 -0
- package/{dist → src}/tableproperties/tablepropertiesediting.d.ts +1 -5
- package/src/tableproperties/tablepropertiesediting.js +546 -0
- package/{dist → src}/tableproperties/tablepropertiesui.d.ts +2 -6
- package/src/tableproperties/tablepropertiesui.js +374 -0
- package/src/tableproperties/tablepropertiesuiexperimental.d.ts +136 -0
- package/src/tableproperties/tablepropertiesuiexperimental.js +375 -0
- package/{dist → src}/tableproperties/ui/tablepropertiesview.d.ts +2 -14
- package/src/tableproperties/ui/tablepropertiesview.js +520 -0
- package/src/tableproperties/ui/tablepropertiesviewexperimental.d.ts +216 -0
- package/src/tableproperties/ui/tablepropertiesviewexperimental.js +544 -0
- package/{dist → src}/tableproperties.d.ts +1 -5
- package/src/tableproperties.js +40 -0
- package/{dist → src}/tableselection.d.ts +2 -6
- package/src/tableselection.js +323 -0
- package/{dist → src}/tabletoolbar.d.ts +2 -6
- package/src/tabletoolbar.js +63 -0
- package/{dist → src}/tableui.d.ts +1 -5
- package/src/tableui.js +335 -0
- package/{dist → src}/tableutils.d.ts +2 -6
- package/src/tableutils.js +1282 -0
- package/{dist → src}/tablewalker.d.ts +1 -5
- package/src/tablewalker.js +489 -0
- package/{dist → src}/ui/colorinputview.d.ts +2 -6
- package/src/ui/colorinputview.js +305 -0
- package/{dist → src}/ui/inserttableview.d.ts +2 -6
- package/src/ui/inserttableview.js +192 -0
- package/{dist → src}/utils/common.d.ts +2 -6
- package/src/utils/common.js +118 -0
- package/{dist → src}/utils/structure.d.ts +1 -5
- package/src/utils/structure.js +452 -0
- package/{dist → src}/utils/table-properties.d.ts +1 -5
- package/src/utils/table-properties.js +121 -0
- package/{dist → src}/utils/ui/contextualballoon.d.ts +2 -6
- package/src/utils/ui/contextualballoon.js +111 -0
- package/{dist → src}/utils/ui/table-properties.d.ts +2 -6
- package/src/utils/ui/table-properties.js +390 -0
- package/src/utils/ui/table-propertiesexperimental.d.ts +215 -0
- package/src/utils/ui/table-propertiesexperimental.js +391 -0
- package/{dist → src}/utils/ui/widget.d.ts +1 -5
- package/src/utils/ui/widget.js +56 -0
- package/theme/formrow-experimental.css +15 -0
- package/theme/formrow.css +0 -2
- package/theme/tablecellproperties-experimental.css +4 -0
- package/theme/tableform-experimental.css +61 -0
- package/theme/tableform.css +5 -1
- package/theme/tableproperties-experimental.css +78 -0
- package/theme/tableproperties.css +0 -60
- package/dist/tablecellproperties/tablecellpropertiesutils.d.ts +0 -22
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
-
*/
|
|
5
1
|
/**
|
|
6
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
@@ -9,8 +5,8 @@
|
|
|
9
5
|
/**
|
|
10
6
|
* @module table/tablecaption/tablecaptionediting
|
|
11
7
|
*/
|
|
12
|
-
import { Plugin } from '
|
|
13
|
-
import { ModelElement } from '
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import { ModelElement } from 'ckeditor5/src/engine.js';
|
|
14
10
|
/**
|
|
15
11
|
* The table caption editing plugin.
|
|
16
12
|
*/
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module table/tablecaption/tablecaptionediting
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import { ModelElement, enableViewPlaceholder } from 'ckeditor5/src/engine.js';
|
|
10
|
+
import { toWidgetEditable } from 'ckeditor5/src/widget.js';
|
|
11
|
+
import { injectTableCaptionPostFixer } from '../converters/table-caption-post-fixer.js';
|
|
12
|
+
import { ToggleTableCaptionCommand } from './toggletablecaptioncommand.js';
|
|
13
|
+
import { isTable, matchTableCaptionViewElement } from './utils.js';
|
|
14
|
+
/**
|
|
15
|
+
* The table caption editing plugin.
|
|
16
|
+
*/
|
|
17
|
+
export class TableCaptionEditing extends Plugin {
|
|
18
|
+
/**
|
|
19
|
+
* A map that keeps saved JSONified table captions and table model elements they are
|
|
20
|
+
* associated with.
|
|
21
|
+
*
|
|
22
|
+
* To learn more about this system, see {@link #_saveCaption}.
|
|
23
|
+
*/
|
|
24
|
+
_savedCaptionsMap = new WeakMap();
|
|
25
|
+
/**
|
|
26
|
+
* @inheritDoc
|
|
27
|
+
*/
|
|
28
|
+
static get pluginName() {
|
|
29
|
+
return 'TableCaptionEditing';
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* @inheritDoc
|
|
33
|
+
*/
|
|
34
|
+
static get isOfficialPlugin() {
|
|
35
|
+
return true;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* @inheritDoc
|
|
39
|
+
*/
|
|
40
|
+
init() {
|
|
41
|
+
const editor = this.editor;
|
|
42
|
+
const schema = editor.model.schema;
|
|
43
|
+
const view = editor.editing.view;
|
|
44
|
+
const t = editor.t;
|
|
45
|
+
const useCaptionElement = editor.config.get('table.tableCaption.useCaptionElement');
|
|
46
|
+
if (!schema.isRegistered('caption')) {
|
|
47
|
+
schema.register('caption', {
|
|
48
|
+
allowIn: 'table',
|
|
49
|
+
allowContentOf: '$block',
|
|
50
|
+
isLimit: true
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
schema.extend('caption', {
|
|
55
|
+
allowIn: 'table'
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
editor.commands.add('toggleTableCaption', new ToggleTableCaptionCommand(this.editor));
|
|
59
|
+
if (useCaptionElement) {
|
|
60
|
+
const tableEditing = editor.plugins.get('TableEditing');
|
|
61
|
+
tableEditing.registerAdditionalSlot({
|
|
62
|
+
filter: element => element.is('element', 'caption'),
|
|
63
|
+
positionOffset: 'end'
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
// View -> model converter for the data pipeline.
|
|
67
|
+
editor.conversion.for('upcast').elementToElement({
|
|
68
|
+
view: matchTableCaptionViewElement,
|
|
69
|
+
model: 'caption'
|
|
70
|
+
});
|
|
71
|
+
// Model -> view converter for the data pipeline.
|
|
72
|
+
editor.conversion.for('dataDowncast').elementToElement({
|
|
73
|
+
model: 'caption',
|
|
74
|
+
view: (modelElement, { writer }) => {
|
|
75
|
+
if (!isTable(modelElement.parent)) {
|
|
76
|
+
return null;
|
|
77
|
+
}
|
|
78
|
+
return writer.createContainerElement(useCaptionElement ? 'caption' : 'figcaption');
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
// Model -> view converter for the editing pipeline.
|
|
82
|
+
editor.conversion.for('editingDowncast').elementToElement({
|
|
83
|
+
model: 'caption',
|
|
84
|
+
view: (modelElement, { writer }) => {
|
|
85
|
+
if (!isTable(modelElement.parent)) {
|
|
86
|
+
return null;
|
|
87
|
+
}
|
|
88
|
+
const captionElement = writer.createEditableElement(useCaptionElement ? 'caption' : 'figcaption');
|
|
89
|
+
writer.setCustomProperty('tableCaption', true, captionElement);
|
|
90
|
+
captionElement.placeholder = t('Enter table caption');
|
|
91
|
+
enableViewPlaceholder({
|
|
92
|
+
view,
|
|
93
|
+
element: captionElement,
|
|
94
|
+
keepOnFocus: true
|
|
95
|
+
});
|
|
96
|
+
return toWidgetEditable(captionElement, writer);
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
injectTableCaptionPostFixer(editor.model);
|
|
100
|
+
}
|
|
101
|
+
/**
|
|
102
|
+
* Returns the saved {@link module:engine/model/element~ModelElement#toJSON JSONified} caption
|
|
103
|
+
* of a table model element.
|
|
104
|
+
*
|
|
105
|
+
* See {@link #_saveCaption}.
|
|
106
|
+
*
|
|
107
|
+
* @internal
|
|
108
|
+
* @param tableModelElement The model element the caption should be returned for.
|
|
109
|
+
* @returns The model caption element or `null` if there is none.
|
|
110
|
+
*/
|
|
111
|
+
_getSavedCaption(tableModelElement) {
|
|
112
|
+
const jsonObject = this._savedCaptionsMap.get(tableModelElement);
|
|
113
|
+
return jsonObject ? ModelElement.fromJSON(jsonObject) : null;
|
|
114
|
+
}
|
|
115
|
+
/**
|
|
116
|
+
* Saves a {@link module:engine/model/element~ModelElement#toJSON JSONified} caption for
|
|
117
|
+
* a table element to allow restoring it in the future.
|
|
118
|
+
*
|
|
119
|
+
* A caption is saved every time it gets hidden. The
|
|
120
|
+
* user should be able to restore it on demand.
|
|
121
|
+
*
|
|
122
|
+
* **Note**: The caption cannot be stored in the table model element attribute because,
|
|
123
|
+
* for instance, when the model state propagates to collaborators, the attribute would get
|
|
124
|
+
* lost (mainly because it does not convert to anything when the caption is hidden) and
|
|
125
|
+
* the states of collaborators' models would de-synchronize causing numerous issues.
|
|
126
|
+
*
|
|
127
|
+
* See {@link #_getSavedCaption}.
|
|
128
|
+
*
|
|
129
|
+
* @internal
|
|
130
|
+
* @param tableModelElement The model element the caption is saved for.
|
|
131
|
+
* @param caption The caption model element to be saved.
|
|
132
|
+
*/
|
|
133
|
+
_saveCaption(tableModelElement, caption) {
|
|
134
|
+
this._savedCaptionsMap.set(tableModelElement, caption.toJSON());
|
|
135
|
+
}
|
|
136
|
+
}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
-
*/
|
|
5
1
|
/**
|
|
6
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
@@ -9,7 +5,7 @@
|
|
|
9
5
|
/**
|
|
10
6
|
* @module table/tablecaption/tablecaptionui
|
|
11
7
|
*/
|
|
12
|
-
import { Plugin } from '
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
13
9
|
/**
|
|
14
10
|
* The table caption UI plugin. It introduces the `'toggleTableCaption'` UI button.
|
|
15
11
|
*/
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module table/tablecaption/tablecaptionui
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import { ButtonView } from 'ckeditor5/src/ui.js';
|
|
10
|
+
import { IconCaption } from 'ckeditor5/src/icons.js';
|
|
11
|
+
import { getCaptionFromModelSelection } from './utils.js';
|
|
12
|
+
/**
|
|
13
|
+
* The table caption UI plugin. It introduces the `'toggleTableCaption'` UI button.
|
|
14
|
+
*/
|
|
15
|
+
export class TableCaptionUI extends Plugin {
|
|
16
|
+
/**
|
|
17
|
+
* @inheritDoc
|
|
18
|
+
*/
|
|
19
|
+
static get pluginName() {
|
|
20
|
+
return 'TableCaptionUI';
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* @inheritDoc
|
|
24
|
+
*/
|
|
25
|
+
static get isOfficialPlugin() {
|
|
26
|
+
return true;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* @inheritDoc
|
|
30
|
+
*/
|
|
31
|
+
init() {
|
|
32
|
+
const editor = this.editor;
|
|
33
|
+
const editingView = editor.editing.view;
|
|
34
|
+
const t = editor.t;
|
|
35
|
+
editor.ui.componentFactory.add('toggleTableCaption', locale => {
|
|
36
|
+
const command = editor.commands.get('toggleTableCaption');
|
|
37
|
+
const view = new ButtonView(locale);
|
|
38
|
+
view.set({
|
|
39
|
+
icon: IconCaption,
|
|
40
|
+
tooltip: true,
|
|
41
|
+
isToggleable: true
|
|
42
|
+
});
|
|
43
|
+
view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');
|
|
44
|
+
view.bind('label').to(command, 'value', value => value ? t('Toggle caption off') : t('Toggle caption on'));
|
|
45
|
+
this.listenTo(view, 'execute', () => {
|
|
46
|
+
editor.execute('toggleTableCaption', { focusCaptionOnShow: true });
|
|
47
|
+
// Scroll to the selection and highlight the caption if the caption showed up.
|
|
48
|
+
if (command.value) {
|
|
49
|
+
const modelCaptionElement = getCaptionFromModelSelection(editor.model.document.selection);
|
|
50
|
+
const figcaptionElement = editor.editing.mapper.toViewElement(modelCaptionElement);
|
|
51
|
+
if (!figcaptionElement) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
editingView.scrollToTheSelection();
|
|
55
|
+
editingView.change(writer => {
|
|
56
|
+
writer.addClass('table__caption_highlighted', figcaptionElement);
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
editor.editing.view.focus();
|
|
60
|
+
});
|
|
61
|
+
return view;
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
-
*/
|
|
5
1
|
/**
|
|
6
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
@@ -9,7 +5,7 @@
|
|
|
9
5
|
/**
|
|
10
6
|
* @module table/tablecaption/toggletablecaptioncommand
|
|
11
7
|
*/
|
|
12
|
-
import { Command } from '
|
|
8
|
+
import { Command } from 'ckeditor5/src/core.js';
|
|
13
9
|
/**
|
|
14
10
|
* The toggle table caption command.
|
|
15
11
|
*
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module table/tablecaption/toggletablecaptioncommand
|
|
7
|
+
*/
|
|
8
|
+
import { Command } from 'ckeditor5/src/core.js';
|
|
9
|
+
import { getCaptionFromTableModelElement } from './utils.js';
|
|
10
|
+
import { getSelectionAffectedTable } from '../utils/common.js';
|
|
11
|
+
/**
|
|
12
|
+
* The toggle table caption command.
|
|
13
|
+
*
|
|
14
|
+
* This command is registered by {@link module:table/tablecaption/tablecaptionediting~TableCaptionEditing} as the
|
|
15
|
+
* `'toggleTableCaption'` editor command.
|
|
16
|
+
*
|
|
17
|
+
* Executing this command:
|
|
18
|
+
*
|
|
19
|
+
* * either adds or removes the table caption of a selected table (depending on whether the caption is present or not),
|
|
20
|
+
* * removes the table caption if the selection is anchored in one.
|
|
21
|
+
*
|
|
22
|
+
* ```ts
|
|
23
|
+
* // Toggle the presence of the caption.
|
|
24
|
+
* editor.execute( 'toggleTableCaption' );
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* **Note**: You can move the selection to the caption right away as it shows up upon executing this command by using
|
|
28
|
+
* the `focusCaptionOnShow` option:
|
|
29
|
+
*
|
|
30
|
+
* ```ts
|
|
31
|
+
* editor.execute( 'toggleTableCaption', { focusCaptionOnShow: true } );
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
34
|
+
export class ToggleTableCaptionCommand extends Command {
|
|
35
|
+
/**
|
|
36
|
+
* @inheritDoc
|
|
37
|
+
*/
|
|
38
|
+
refresh() {
|
|
39
|
+
const editor = this.editor;
|
|
40
|
+
const tableElement = getSelectionAffectedTable(editor.model.document.selection);
|
|
41
|
+
this.isEnabled = !!tableElement && editor.model.schema.checkChild(tableElement, 'caption');
|
|
42
|
+
if (!this.isEnabled) {
|
|
43
|
+
this.value = false;
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.value = !!getCaptionFromTableModelElement(tableElement);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Executes the command.
|
|
51
|
+
*
|
|
52
|
+
* ```ts
|
|
53
|
+
* editor.execute( 'toggleTableCaption' );
|
|
54
|
+
* ```
|
|
55
|
+
*
|
|
56
|
+
* @param options Options for the executed command.
|
|
57
|
+
* @param options.focusCaptionOnShow When true and the caption shows up, the selection will be moved into it straight away.
|
|
58
|
+
* @fires execute
|
|
59
|
+
*/
|
|
60
|
+
execute({ focusCaptionOnShow = false } = {}) {
|
|
61
|
+
this.editor.model.change(writer => {
|
|
62
|
+
if (this.value) {
|
|
63
|
+
this._hideTableCaption(writer);
|
|
64
|
+
}
|
|
65
|
+
else {
|
|
66
|
+
this._showTableCaption(writer, focusCaptionOnShow);
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* Shows the table caption. Also:
|
|
72
|
+
*
|
|
73
|
+
* * it attempts to restore the caption content from the `TableCaptionEditing` caption registry,
|
|
74
|
+
* * it moves the selection to the caption right away, it the `focusCaptionOnShow` option was set.
|
|
75
|
+
*
|
|
76
|
+
* @param focusCaptionOnShow Default focus behavior when showing the caption.
|
|
77
|
+
*/
|
|
78
|
+
_showTableCaption(writer, focusCaptionOnShow) {
|
|
79
|
+
const model = this.editor.model;
|
|
80
|
+
const tableElement = getSelectionAffectedTable(model.document.selection);
|
|
81
|
+
const tableCaptionEditing = this.editor.plugins.get('TableCaptionEditing');
|
|
82
|
+
const savedCaptionElement = tableCaptionEditing._getSavedCaption(tableElement);
|
|
83
|
+
// Try restoring the caption from the TableCaptionEditing plugin storage.
|
|
84
|
+
const newCaptionElement = savedCaptionElement || writer.createElement('caption');
|
|
85
|
+
model.insertContent(newCaptionElement, tableElement, 'end');
|
|
86
|
+
if (focusCaptionOnShow) {
|
|
87
|
+
writer.setSelection(newCaptionElement, 'in');
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* Hides the caption of a selected table (or an table caption the selection is anchored to).
|
|
92
|
+
*
|
|
93
|
+
* The content of the caption is stored in the `TableCaptionEditing` caption registry to make this
|
|
94
|
+
* a reversible action.
|
|
95
|
+
*/
|
|
96
|
+
_hideTableCaption(writer) {
|
|
97
|
+
const model = this.editor.model;
|
|
98
|
+
const tableElement = getSelectionAffectedTable(model.document.selection);
|
|
99
|
+
const tableCaptionEditing = this.editor.plugins.get('TableCaptionEditing');
|
|
100
|
+
const captionElement = getCaptionFromTableModelElement(tableElement);
|
|
101
|
+
// Store the caption content so it can be restored quickly if the user changes their mind.
|
|
102
|
+
tableCaptionEditing._saveCaption(tableElement, captionElement);
|
|
103
|
+
model.deleteContent(writer.createSelection(captionElement, 'on'));
|
|
104
|
+
}
|
|
105
|
+
}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
-
*/
|
|
5
1
|
/**
|
|
6
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
@@ -9,7 +5,7 @@
|
|
|
9
5
|
/**
|
|
10
6
|
* @module table/tablecaption/utils
|
|
11
7
|
*/
|
|
12
|
-
import type { ModelDocumentFragment, ModelDocumentSelection, ModelElement, ViewElement } from '
|
|
8
|
+
import type { ModelDocumentFragment, ModelDocumentSelection, ModelElement, ViewElement } from 'ckeditor5/src/engine.js';
|
|
13
9
|
/**
|
|
14
10
|
* Checks if the provided model element is a `table`.
|
|
15
11
|
*
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
import { getSelectionAffectedTable } from '../utils/common.js';
|
|
6
|
+
/**
|
|
7
|
+
* Checks if the provided model element is a `table`.
|
|
8
|
+
*
|
|
9
|
+
* @param modelElement Element to check if it is a table.
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
export function isTable(modelElement) {
|
|
13
|
+
return !!modelElement && modelElement.is('element', 'table');
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Returns the caption model element from a given table element. Returns `null` if no caption is found.
|
|
17
|
+
*
|
|
18
|
+
* @param tableModelElement Table element in which we will try to find a caption element.
|
|
19
|
+
* @internal
|
|
20
|
+
*/
|
|
21
|
+
export function getCaptionFromTableModelElement(tableModelElement) {
|
|
22
|
+
for (const node of tableModelElement.getChildren()) {
|
|
23
|
+
if (node.is('element', 'caption')) {
|
|
24
|
+
return node;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Returns the caption model element for a model selection. Returns `null` if the selection has no caption element ancestor.
|
|
31
|
+
*
|
|
32
|
+
* @param selection The selection checked for caption presence.
|
|
33
|
+
* @internal
|
|
34
|
+
*/
|
|
35
|
+
export function getCaptionFromModelSelection(selection) {
|
|
36
|
+
const tableElement = getSelectionAffectedTable(selection);
|
|
37
|
+
if (!tableElement) {
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
return getCaptionFromTableModelElement(tableElement);
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* {@link module:engine/view/matcher~Matcher} pattern. Checks if a given element is a caption.
|
|
44
|
+
*
|
|
45
|
+
* There are two possible forms of the valid caption:
|
|
46
|
+
* - A `<figcaption>` element inside a `<figure class="table">` element.
|
|
47
|
+
* - A `<caption>` inside a <table>.
|
|
48
|
+
*
|
|
49
|
+
* @returns Returns the object accepted by {@link module:engine/view/matcher~Matcher} or `null` if the element cannot be matched.
|
|
50
|
+
* @internal
|
|
51
|
+
*/
|
|
52
|
+
export function matchTableCaptionViewElement(element) {
|
|
53
|
+
const parent = element.parent;
|
|
54
|
+
if (element.name == 'figcaption' && parent && parent.is('element', 'figure') && parent.hasClass('table')) {
|
|
55
|
+
return { name: true };
|
|
56
|
+
}
|
|
57
|
+
if (element.name == 'caption' && parent && parent.is('element', 'table')) {
|
|
58
|
+
return { name: true };
|
|
59
|
+
}
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
-
*/
|
|
5
1
|
/**
|
|
6
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
@@ -9,7 +5,7 @@
|
|
|
9
5
|
/**
|
|
10
6
|
* @module table/tablecaption
|
|
11
7
|
*/
|
|
12
|
-
import { Plugin } from '
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
13
9
|
import { TableCaptionEditing } from './tablecaption/tablecaptionediting.js';
|
|
14
10
|
import { TableCaptionUI } from './tablecaption/tablecaptionui.js';
|
|
15
11
|
import '../theme/tablecaption.css';
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module table/tablecaption
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import { TableCaptionEditing } from './tablecaption/tablecaptionediting.js';
|
|
10
|
+
import { TableCaptionUI } from './tablecaption/tablecaptionui.js';
|
|
11
|
+
import '../theme/tablecaption.css';
|
|
12
|
+
/**
|
|
13
|
+
* The table caption plugin.
|
|
14
|
+
*/
|
|
15
|
+
export class TableCaption extends Plugin {
|
|
16
|
+
/**
|
|
17
|
+
* @inheritDoc
|
|
18
|
+
*/
|
|
19
|
+
static get pluginName() {
|
|
20
|
+
return 'TableCaption';
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* @inheritDoc
|
|
24
|
+
*/
|
|
25
|
+
static get isOfficialPlugin() {
|
|
26
|
+
return true;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* @inheritDoc
|
|
30
|
+
*/
|
|
31
|
+
static get requires() {
|
|
32
|
+
return [TableCaptionEditing, TableCaptionUI];
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
-
*/
|
|
5
1
|
/**
|
|
6
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
@@ -9,7 +5,7 @@
|
|
|
9
5
|
/**
|
|
10
6
|
* @module table/tablecellproperties/commands/tablecellbackgroundcolorcommand
|
|
11
7
|
*/
|
|
12
|
-
import type { Editor } from '
|
|
8
|
+
import type { Editor } from 'ckeditor5/src/core.js';
|
|
13
9
|
import { TableCellPropertyCommand } from './tablecellpropertycommand.js';
|
|
14
10
|
/**
|
|
15
11
|
* The table cell background color command.
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
import { TableCellPropertyCommand } from './tablecellpropertycommand.js';
|
|
6
|
+
/**
|
|
7
|
+
* The table cell background color command.
|
|
8
|
+
*
|
|
9
|
+
* The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as
|
|
10
|
+
* the `'tableCellBackgroundColor'` editor command.
|
|
11
|
+
*
|
|
12
|
+
* To change the background color of selected cells, execute the command:
|
|
13
|
+
*
|
|
14
|
+
* ```ts
|
|
15
|
+
* editor.execute( 'tableCellBackgroundColor', {
|
|
16
|
+
* value: '#f00'
|
|
17
|
+
* } );
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export class TableCellBackgroundColorCommand extends TableCellPropertyCommand {
|
|
21
|
+
/**
|
|
22
|
+
* Creates a new `TableCellBackgroundColorCommand` instance.
|
|
23
|
+
*
|
|
24
|
+
* @param editor An editor in which this command will be used.
|
|
25
|
+
* @param defaultValue The default value of the attribute.
|
|
26
|
+
*/
|
|
27
|
+
constructor(editor, defaultValue) {
|
|
28
|
+
super(editor, 'tableCellBackgroundColor', defaultValue);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
-
*/
|
|
5
1
|
/**
|
|
6
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
@@ -9,8 +5,8 @@
|
|
|
9
5
|
/**
|
|
10
6
|
* @module table/tablecellproperties/commands/tablecellbordercolorcommand
|
|
11
7
|
*/
|
|
12
|
-
import type { ModelElement } from '
|
|
13
|
-
import type { Editor } from '
|
|
8
|
+
import type { ModelElement } from 'ckeditor5/src/engine.js';
|
|
9
|
+
import type { Editor } from 'ckeditor5/src/core.js';
|
|
14
10
|
import { TableCellPropertyCommand } from './tablecellpropertycommand.js';
|
|
15
11
|
/**
|
|
16
12
|
* The table cell border color command.
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
import { TableCellPropertyCommand } from './tablecellpropertycommand.js';
|
|
6
|
+
import { getSingleValue } from '../../utils/table-properties.js';
|
|
7
|
+
/**
|
|
8
|
+
* The table cell border color command.
|
|
9
|
+
*
|
|
10
|
+
* The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as
|
|
11
|
+
* the `'tableCellBorderColor'` editor command.
|
|
12
|
+
*
|
|
13
|
+
* To change the border color of selected cells, execute the command:
|
|
14
|
+
*
|
|
15
|
+
* ```ts
|
|
16
|
+
* editor.execute( 'tableCellBorderColor', {
|
|
17
|
+
* value: '#f00'
|
|
18
|
+
* } );
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export class TableCellBorderColorCommand extends TableCellPropertyCommand {
|
|
22
|
+
/**
|
|
23
|
+
* Creates a new `TableCellBorderColorCommand` instance.
|
|
24
|
+
*
|
|
25
|
+
* @param editor An editor in which this command will be used.
|
|
26
|
+
* @param defaultValue The default value of the attribute.
|
|
27
|
+
*/
|
|
28
|
+
constructor(editor, defaultValue) {
|
|
29
|
+
super(editor, 'tableCellBorderColor', defaultValue);
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* @inheritDoc
|
|
33
|
+
*/
|
|
34
|
+
_getAttribute(tableCell) {
|
|
35
|
+
if (!tableCell) {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
const value = getSingleValue(tableCell.getAttribute(this.attributeName));
|
|
39
|
+
if (value === this._defaultValue) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
return value;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
-
*/
|
|
5
1
|
/**
|
|
6
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
@@ -9,8 +5,8 @@
|
|
|
9
5
|
/**
|
|
10
6
|
* @module table/tablecellproperties/commands/tablecellborderstylecommand
|
|
11
7
|
*/
|
|
12
|
-
import type { Editor } from '
|
|
13
|
-
import type { ModelElement } from '
|
|
8
|
+
import type { Editor } from 'ckeditor5/src/core.js';
|
|
9
|
+
import type { ModelElement } from 'ckeditor5/src/engine.js';
|
|
14
10
|
import { TableCellPropertyCommand } from './tablecellpropertycommand.js';
|
|
15
11
|
/**
|
|
16
12
|
* The table cell border style command.
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
|
+
*/
|
|
5
|
+
import { TableCellPropertyCommand } from './tablecellpropertycommand.js';
|
|
6
|
+
import { getSingleValue } from '../../utils/table-properties.js';
|
|
7
|
+
/**
|
|
8
|
+
* The table cell border style command.
|
|
9
|
+
*
|
|
10
|
+
* The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as
|
|
11
|
+
* the `'tableCellBorderStyle'` editor command.
|
|
12
|
+
*
|
|
13
|
+
* To change the border style of selected cells, execute the command:
|
|
14
|
+
*
|
|
15
|
+
* ```ts
|
|
16
|
+
* editor.execute( 'tableCellBorderStyle', {
|
|
17
|
+
* value: 'dashed'
|
|
18
|
+
* } );
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export class TableCellBorderStyleCommand extends TableCellPropertyCommand {
|
|
22
|
+
/**
|
|
23
|
+
* Creates a new `TableCellBorderStyleCommand` instance.
|
|
24
|
+
*
|
|
25
|
+
* @param editor An editor in which this command will be used.
|
|
26
|
+
* @param defaultValue The default value of the attribute.
|
|
27
|
+
*/
|
|
28
|
+
constructor(editor, defaultValue) {
|
|
29
|
+
super(editor, 'tableCellBorderStyle', defaultValue);
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* @inheritDoc
|
|
33
|
+
*/
|
|
34
|
+
_getAttribute(tableCell) {
|
|
35
|
+
if (!tableCell) {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
const value = getSingleValue(tableCell.getAttribute(this.attributeName));
|
|
39
|
+
if (value === this._defaultValue) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
return value;
|
|
43
|
+
}
|
|
44
|
+
}
|