@ckeditor/ckeditor5-table 39.0.1 → 40.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/LICENSE.md +1 -1
- package/README.md +3 -3
- package/build/table.js +1 -1
- package/build/table.js.map +1 -0
- package/build/translations/hy.js +1 -0
- package/lang/translations/ar.po +1 -0
- package/lang/translations/az.po +1 -0
- package/lang/translations/bg.po +1 -0
- package/lang/translations/bn.po +1 -0
- package/lang/translations/ca.po +1 -0
- package/lang/translations/cs.po +1 -0
- package/lang/translations/da.po +1 -0
- package/lang/translations/de-ch.po +1 -0
- package/lang/translations/de.po +1 -0
- package/lang/translations/el.po +1 -0
- package/lang/translations/en-au.po +1 -0
- package/lang/translations/en-gb.po +1 -0
- package/lang/translations/en.po +1 -0
- package/lang/translations/es.po +1 -0
- package/lang/translations/et.po +1 -0
- package/lang/translations/fa.po +1 -0
- package/lang/translations/fi.po +1 -0
- package/lang/translations/fr.po +1 -0
- package/lang/translations/gl.po +1 -0
- package/lang/translations/he.po +1 -0
- package/lang/translations/hi.po +1 -0
- package/lang/translations/hr.po +1 -0
- package/lang/translations/hu.po +1 -0
- package/lang/translations/hy.po +262 -0
- package/lang/translations/id.po +1 -0
- package/lang/translations/it.po +1 -0
- package/lang/translations/ja.po +1 -0
- package/lang/translations/ko.po +1 -0
- package/lang/translations/ku.po +1 -0
- package/lang/translations/lt.po +1 -0
- package/lang/translations/lv.po +1 -0
- package/lang/translations/ms.po +1 -0
- package/lang/translations/nb.po +1 -0
- package/lang/translations/ne.po +1 -0
- package/lang/translations/nl.po +1 -0
- package/lang/translations/no.po +1 -0
- package/lang/translations/pl.po +1 -0
- package/lang/translations/pt-br.po +1 -0
- package/lang/translations/pt.po +1 -0
- package/lang/translations/ro.po +1 -0
- package/lang/translations/ru.po +1 -0
- package/lang/translations/sk.po +1 -0
- package/lang/translations/sl.po +1 -0
- package/lang/translations/sq.po +1 -0
- package/lang/translations/sr-latn.po +1 -0
- package/lang/translations/sr.po +1 -0
- package/lang/translations/sv.po +1 -0
- package/lang/translations/th.po +1 -0
- package/lang/translations/tk.po +1 -0
- package/lang/translations/tr.po +1 -0
- package/lang/translations/tt.po +1 -0
- package/lang/translations/ug.po +1 -0
- package/lang/translations/uk.po +1 -0
- package/lang/translations/ur.po +1 -0
- package/lang/translations/uz.po +1 -0
- package/lang/translations/vi.po +1 -0
- package/lang/translations/zh-cn.po +1 -0
- package/lang/translations/zh.po +1 -0
- package/package.json +2 -6
- package/src/augmentation.d.ts +76 -76
- package/src/augmentation.js +5 -5
- package/src/commands/insertcolumncommand.d.ts +55 -55
- package/src/commands/insertcolumncommand.js +67 -67
- package/src/commands/insertrowcommand.d.ts +54 -54
- package/src/commands/insertrowcommand.js +66 -66
- package/src/commands/inserttablecommand.d.ts +44 -44
- package/src/commands/inserttablecommand.js +69 -69
- package/src/commands/mergecellcommand.d.ts +68 -68
- package/src/commands/mergecellcommand.js +198 -198
- package/src/commands/mergecellscommand.d.ts +28 -28
- package/src/commands/mergecellscommand.js +94 -94
- package/src/commands/removecolumncommand.d.ts +29 -29
- package/src/commands/removecolumncommand.js +109 -109
- package/src/commands/removerowcommand.d.ts +29 -29
- package/src/commands/removerowcommand.js +82 -82
- package/src/commands/selectcolumncommand.d.ts +33 -33
- package/src/commands/selectcolumncommand.js +60 -60
- package/src/commands/selectrowcommand.d.ts +33 -33
- package/src/commands/selectrowcommand.js +56 -56
- package/src/commands/setheadercolumncommand.d.ts +50 -50
- package/src/commands/setheadercolumncommand.js +71 -71
- package/src/commands/setheaderrowcommand.d.ts +53 -53
- package/src/commands/setheaderrowcommand.js +79 -79
- package/src/commands/splitcellcommand.d.ts +43 -43
- package/src/commands/splitcellcommand.js +54 -54
- package/src/converters/downcast.d.ts +63 -63
- package/src/converters/downcast.js +146 -146
- package/src/converters/table-caption-post-fixer.d.ts +20 -20
- package/src/converters/table-caption-post-fixer.js +53 -53
- package/src/converters/table-cell-paragraph-post-fixer.d.ts +32 -32
- package/src/converters/table-cell-paragraph-post-fixer.js +107 -107
- package/src/converters/table-cell-refresh-handler.d.ts +18 -18
- package/src/converters/table-cell-refresh-handler.js +45 -45
- package/src/converters/table-headings-refresh-handler.d.ts +17 -17
- package/src/converters/table-headings-refresh-handler.js +49 -49
- package/src/converters/table-layout-post-fixer.d.ts +226 -226
- package/src/converters/table-layout-post-fixer.js +367 -367
- package/src/converters/tableproperties.d.ts +54 -54
- package/src/converters/tableproperties.js +159 -159
- package/src/converters/upcasttable.d.ts +49 -49
- package/src/converters/upcasttable.js +243 -243
- package/src/index.d.ts +60 -60
- package/src/index.js +30 -30
- package/src/plaintableoutput.d.ts +26 -26
- package/src/plaintableoutput.js +123 -123
- package/src/table.d.ts +40 -40
- package/src/table.js +44 -44
- package/src/tablecaption/tablecaptionediting.d.ts +63 -63
- package/src/tablecaption/tablecaptionediting.js +122 -122
- package/src/tablecaption/tablecaptionui.d.ts +21 -21
- package/src/tablecaption/tablecaptionui.js +57 -57
- package/src/tablecaption/toggletablecaptioncommand.d.ts +68 -68
- package/src/tablecaption/toggletablecaptioncommand.js +104 -104
- package/src/tablecaption/utils.d.ts +42 -42
- package/src/tablecaption/utils.js +67 -67
- package/src/tablecaption.d.ts +24 -24
- package/src/tablecaption.js +28 -28
- package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.d.ts +32 -32
- package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.js +30 -30
- package/src/tablecellproperties/commands/tablecellbordercolorcommand.d.ts +37 -37
- package/src/tablecellproperties/commands/tablecellbordercolorcommand.js +44 -44
- package/src/tablecellproperties/commands/tablecellborderstylecommand.d.ts +37 -37
- package/src/tablecellproperties/commands/tablecellborderstylecommand.js +44 -44
- package/src/tablecellproperties/commands/tablecellborderwidthcommand.d.ts +51 -51
- package/src/tablecellproperties/commands/tablecellborderwidthcommand.js +64 -64
- package/src/tablecellproperties/commands/tablecellheightcommand.d.ts +46 -46
- package/src/tablecellproperties/commands/tablecellheightcommand.js +51 -51
- package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.d.ts +32 -32
- package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.js +30 -30
- package/src/tablecellproperties/commands/tablecellpaddingcommand.d.ts +51 -51
- package/src/tablecellproperties/commands/tablecellpaddingcommand.js +64 -64
- package/src/tablecellproperties/commands/tablecellpropertycommand.d.ts +62 -62
- package/src/tablecellproperties/commands/tablecellpropertycommand.js +92 -92
- package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.d.ts +40 -40
- package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.js +38 -38
- package/src/tablecellproperties/tablecellpropertiesediting.d.ts +43 -43
- package/src/tablecellproperties/tablecellpropertiesediting.js +241 -241
- package/src/tablecellproperties/tablecellpropertiesui.d.ts +112 -112
- package/src/tablecellproperties/tablecellpropertiesui.js +330 -330
- package/src/tablecellproperties/ui/tablecellpropertiesview.d.ts +228 -228
- package/src/tablecellproperties/ui/tablecellpropertiesview.js +548 -539
- package/src/tablecellproperties.d.ts +30 -30
- package/src/tablecellproperties.js +34 -34
- package/src/tablecellwidth/commands/tablecellwidthcommand.d.ts +46 -46
- package/src/tablecellwidth/commands/tablecellwidthcommand.js +51 -51
- package/src/tablecellwidth/tablecellwidthediting.d.ts +29 -29
- package/src/tablecellwidth/tablecellwidthediting.js +45 -45
- package/src/tableclipboard.d.ts +65 -65
- package/src/tableclipboard.js +450 -450
- package/src/tablecolumnresize/constants.d.ts +20 -20
- package/src/tablecolumnresize/constants.js +20 -20
- package/src/tablecolumnresize/converters.d.ts +18 -18
- package/src/tablecolumnresize/converters.js +46 -45
- package/src/tablecolumnresize/tablecolumnresizeediting.d.ts +139 -139
- package/src/tablecolumnresize/tablecolumnresizeediting.js +583 -571
- package/src/tablecolumnresize/tablewidthscommand.d.ts +38 -38
- package/src/tablecolumnresize/tablewidthscommand.js +61 -61
- package/src/tablecolumnresize/utils.d.ts +148 -141
- package/src/tablecolumnresize/utils.js +358 -330
- package/src/tablecolumnresize.d.ts +26 -26
- package/src/tablecolumnresize.js +30 -30
- package/src/tableconfig.d.ts +343 -343
- package/src/tableconfig.js +5 -5
- package/src/tableediting.d.ts +98 -98
- package/src/tableediting.js +191 -191
- package/src/tablekeyboard.d.ts +68 -68
- package/src/tablekeyboard.js +279 -279
- package/src/tablemouse/mouseeventsobserver.d.ts +62 -62
- package/src/tablemouse/mouseeventsobserver.js +35 -35
- package/src/tablemouse.d.ts +48 -48
- package/src/tablemouse.js +172 -172
- package/src/tableproperties/commands/tablealignmentcommand.d.ts +32 -32
- package/src/tableproperties/commands/tablealignmentcommand.js +30 -30
- package/src/tableproperties/commands/tablebackgroundcolorcommand.d.ts +32 -32
- package/src/tableproperties/commands/tablebackgroundcolorcommand.js +30 -30
- package/src/tableproperties/commands/tablebordercolorcommand.d.ts +37 -37
- package/src/tableproperties/commands/tablebordercolorcommand.js +44 -44
- package/src/tableproperties/commands/tableborderstylecommand.d.ts +37 -37
- package/src/tableproperties/commands/tableborderstylecommand.js +44 -44
- package/src/tableproperties/commands/tableborderwidthcommand.d.ts +51 -51
- package/src/tableproperties/commands/tableborderwidthcommand.js +64 -64
- package/src/tableproperties/commands/tableheightcommand.d.ts +46 -46
- package/src/tableproperties/commands/tableheightcommand.js +54 -54
- package/src/tableproperties/commands/tablepropertycommand.d.ts +61 -61
- package/src/tableproperties/commands/tablepropertycommand.js +80 -80
- package/src/tableproperties/commands/tablewidthcommand.d.ts +46 -46
- package/src/tableproperties/commands/tablewidthcommand.js +54 -54
- package/src/tableproperties/tablepropertiesediting.d.ts +40 -40
- package/src/tableproperties/tablepropertiesediting.js +206 -206
- package/src/tableproperties/tablepropertiesui.d.ts +114 -114
- package/src/tableproperties/tablepropertiesui.js +321 -321
- package/src/tableproperties/ui/tablepropertiesview.d.ts +207 -207
- package/src/tableproperties/ui/tablepropertiesview.js +466 -457
- package/src/tableproperties.d.ts +30 -30
- package/src/tableproperties.js +34 -34
- package/src/tableselection.d.ts +107 -107
- package/src/tableselection.js +297 -297
- package/src/tabletoolbar.d.ts +32 -32
- package/src/tabletoolbar.js +57 -57
- package/src/tableui.d.ts +53 -53
- package/src/tableui.js +309 -309
- package/src/tableutils.d.ts +448 -448
- package/src/tableutils.js +1055 -1041
- package/src/tablewalker.d.ts +362 -323
- package/src/tablewalker.js +393 -333
- package/src/ui/colorinputview.d.ts +140 -140
- package/src/ui/colorinputview.js +271 -265
- package/src/ui/formrowview.d.ts +61 -61
- package/src/ui/formrowview.js +57 -57
- package/src/ui/inserttableview.d.ts +77 -77
- package/src/ui/inserttableview.js +169 -169
- package/src/utils/common.d.ts +42 -42
- package/src/utils/common.js +57 -57
- package/src/utils/structure.d.ts +245 -245
- package/src/utils/structure.js +426 -426
- package/src/utils/table-properties.d.ts +67 -67
- package/src/utils/table-properties.js +86 -86
- package/src/utils/ui/contextualballoon.d.ts +34 -34
- package/src/utils/ui/contextualballoon.js +106 -106
- package/src/utils/ui/table-properties.d.ts +195 -195
- package/src/utils/ui/table-properties.js +362 -362
- package/src/utils/ui/widget.d.ts +16 -16
- package/src/utils/ui/widget.js +38 -38
- package/theme/tablecolumnresize.css +8 -6
|
@@ -1,107 +1,107 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* Injects a table cell post-fixer into the model which inserts a `paragraph` element into empty table cells.
|
|
7
|
-
*
|
|
8
|
-
* A table cell must contain at least one block element as a child. An empty table cell will have an empty `paragraph` as a child.
|
|
9
|
-
*
|
|
10
|
-
* ```xml
|
|
11
|
-
* <table>
|
|
12
|
-
* <tableRow>
|
|
13
|
-
* <tableCell></tableCell>
|
|
14
|
-
* </tableRow>
|
|
15
|
-
* </table>
|
|
16
|
-
* ```
|
|
17
|
-
*
|
|
18
|
-
* Will be fixed to:
|
|
19
|
-
*
|
|
20
|
-
* ```xml
|
|
21
|
-
* <table>
|
|
22
|
-
* <tableRow>
|
|
23
|
-
* <tableCell><paragraph></paragraph></tableCell>
|
|
24
|
-
* </tableRow>
|
|
25
|
-
* </table>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export default function injectTableCellParagraphPostFixer(model) {
|
|
29
|
-
model.document.registerPostFixer(writer => tableCellContentsPostFixer(writer, model));
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* The table cell contents post-fixer.
|
|
33
|
-
*/
|
|
34
|
-
function tableCellContentsPostFixer(writer, model) {
|
|
35
|
-
const changes = model.document.differ.getChanges();
|
|
36
|
-
let wasFixed = false;
|
|
37
|
-
for (const entry of changes) {
|
|
38
|
-
if (entry.type == 'insert' && entry.name == 'table') {
|
|
39
|
-
wasFixed = fixTable(entry.position.nodeAfter, writer) || wasFixed;
|
|
40
|
-
}
|
|
41
|
-
if (entry.type == 'insert' && entry.name == 'tableRow') {
|
|
42
|
-
wasFixed = fixTableRow(entry.position.nodeAfter, writer) || wasFixed;
|
|
43
|
-
}
|
|
44
|
-
if (entry.type == 'insert' && entry.name == 'tableCell') {
|
|
45
|
-
wasFixed = fixTableCellContent(entry.position.nodeAfter, writer) || wasFixed;
|
|
46
|
-
}
|
|
47
|
-
if ((entry.type == 'remove' || entry.type == 'insert') && checkTableCellChange(entry)) {
|
|
48
|
-
wasFixed = fixTableCellContent(entry.position.parent, writer) || wasFixed;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
return wasFixed;
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* Fixes all table cells in a table.
|
|
55
|
-
*/
|
|
56
|
-
function fixTable(table, writer) {
|
|
57
|
-
let wasFixed = false;
|
|
58
|
-
for (const row of table.getChildren()) {
|
|
59
|
-
if (row.is('element', 'tableRow')) {
|
|
60
|
-
wasFixed = fixTableRow(row, writer) || wasFixed;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
return wasFixed;
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* Fixes all table cells in a table row.
|
|
67
|
-
*/
|
|
68
|
-
function fixTableRow(tableRow, writer) {
|
|
69
|
-
let wasFixed = false;
|
|
70
|
-
for (const tableCell of tableRow.getChildren()) {
|
|
71
|
-
wasFixed = fixTableCellContent(tableCell, writer) || wasFixed;
|
|
72
|
-
}
|
|
73
|
-
return wasFixed;
|
|
74
|
-
}
|
|
75
|
-
/**
|
|
76
|
-
* Fixes all table cell content by:
|
|
77
|
-
* - Adding a paragraph to a table cell without any child.
|
|
78
|
-
* - Wrapping direct $text in a `<paragraph>`.
|
|
79
|
-
*/
|
|
80
|
-
function fixTableCellContent(tableCell, writer) {
|
|
81
|
-
// Insert paragraph to an empty table cell.
|
|
82
|
-
if (tableCell.childCount == 0) {
|
|
83
|
-
// @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: insert paragraph in empty cell.' );
|
|
84
|
-
writer.insertElement('paragraph', tableCell);
|
|
85
|
-
return true;
|
|
86
|
-
}
|
|
87
|
-
// Check table cell children for directly placed text nodes.
|
|
88
|
-
// Temporary solution. See https://github.com/ckeditor/ckeditor5/issues/1464.
|
|
89
|
-
const textNodes = Array.from(tableCell.getChildren()).filter(child => child.is('$text'));
|
|
90
|
-
// @if CK_DEBUG_TABLE // textNodes.length && console.log( 'Post-fixing table: wrap cell content with paragraph.' );
|
|
91
|
-
for (const child of textNodes) {
|
|
92
|
-
writer.wrap(writer.createRangeOn(child), 'paragraph');
|
|
93
|
-
}
|
|
94
|
-
// Return true when there were text nodes to fix.
|
|
95
|
-
return !!textNodes.length;
|
|
96
|
-
}
|
|
97
|
-
/**
|
|
98
|
-
* Checks if a differ change should fix the table cell. This happens on:
|
|
99
|
-
* - Removing content from the table cell (i.e. `tableCell` can be left empty).
|
|
100
|
-
* - Adding a text node directly into a table cell.
|
|
101
|
-
*/
|
|
102
|
-
function checkTableCellChange(entry) {
|
|
103
|
-
if (!entry.position.parent.is('element', 'tableCell')) {
|
|
104
|
-
return false;
|
|
105
|
-
}
|
|
106
|
-
return entry.type == 'insert' && entry.name == '$text' || entry.type == 'remove';
|
|
107
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* Injects a table cell post-fixer into the model which inserts a `paragraph` element into empty table cells.
|
|
7
|
+
*
|
|
8
|
+
* A table cell must contain at least one block element as a child. An empty table cell will have an empty `paragraph` as a child.
|
|
9
|
+
*
|
|
10
|
+
* ```xml
|
|
11
|
+
* <table>
|
|
12
|
+
* <tableRow>
|
|
13
|
+
* <tableCell></tableCell>
|
|
14
|
+
* </tableRow>
|
|
15
|
+
* </table>
|
|
16
|
+
* ```
|
|
17
|
+
*
|
|
18
|
+
* Will be fixed to:
|
|
19
|
+
*
|
|
20
|
+
* ```xml
|
|
21
|
+
* <table>
|
|
22
|
+
* <tableRow>
|
|
23
|
+
* <tableCell><paragraph></paragraph></tableCell>
|
|
24
|
+
* </tableRow>
|
|
25
|
+
* </table>
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export default function injectTableCellParagraphPostFixer(model) {
|
|
29
|
+
model.document.registerPostFixer(writer => tableCellContentsPostFixer(writer, model));
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* The table cell contents post-fixer.
|
|
33
|
+
*/
|
|
34
|
+
function tableCellContentsPostFixer(writer, model) {
|
|
35
|
+
const changes = model.document.differ.getChanges();
|
|
36
|
+
let wasFixed = false;
|
|
37
|
+
for (const entry of changes) {
|
|
38
|
+
if (entry.type == 'insert' && entry.name == 'table') {
|
|
39
|
+
wasFixed = fixTable(entry.position.nodeAfter, writer) || wasFixed;
|
|
40
|
+
}
|
|
41
|
+
if (entry.type == 'insert' && entry.name == 'tableRow') {
|
|
42
|
+
wasFixed = fixTableRow(entry.position.nodeAfter, writer) || wasFixed;
|
|
43
|
+
}
|
|
44
|
+
if (entry.type == 'insert' && entry.name == 'tableCell') {
|
|
45
|
+
wasFixed = fixTableCellContent(entry.position.nodeAfter, writer) || wasFixed;
|
|
46
|
+
}
|
|
47
|
+
if ((entry.type == 'remove' || entry.type == 'insert') && checkTableCellChange(entry)) {
|
|
48
|
+
wasFixed = fixTableCellContent(entry.position.parent, writer) || wasFixed;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return wasFixed;
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* Fixes all table cells in a table.
|
|
55
|
+
*/
|
|
56
|
+
function fixTable(table, writer) {
|
|
57
|
+
let wasFixed = false;
|
|
58
|
+
for (const row of table.getChildren()) {
|
|
59
|
+
if (row.is('element', 'tableRow')) {
|
|
60
|
+
wasFixed = fixTableRow(row, writer) || wasFixed;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
return wasFixed;
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Fixes all table cells in a table row.
|
|
67
|
+
*/
|
|
68
|
+
function fixTableRow(tableRow, writer) {
|
|
69
|
+
let wasFixed = false;
|
|
70
|
+
for (const tableCell of tableRow.getChildren()) {
|
|
71
|
+
wasFixed = fixTableCellContent(tableCell, writer) || wasFixed;
|
|
72
|
+
}
|
|
73
|
+
return wasFixed;
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Fixes all table cell content by:
|
|
77
|
+
* - Adding a paragraph to a table cell without any child.
|
|
78
|
+
* - Wrapping direct $text in a `<paragraph>`.
|
|
79
|
+
*/
|
|
80
|
+
function fixTableCellContent(tableCell, writer) {
|
|
81
|
+
// Insert paragraph to an empty table cell.
|
|
82
|
+
if (tableCell.childCount == 0) {
|
|
83
|
+
// @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: insert paragraph in empty cell.' );
|
|
84
|
+
writer.insertElement('paragraph', tableCell);
|
|
85
|
+
return true;
|
|
86
|
+
}
|
|
87
|
+
// Check table cell children for directly placed text nodes.
|
|
88
|
+
// Temporary solution. See https://github.com/ckeditor/ckeditor5/issues/1464.
|
|
89
|
+
const textNodes = Array.from(tableCell.getChildren()).filter(child => child.is('$text'));
|
|
90
|
+
// @if CK_DEBUG_TABLE // textNodes.length && console.log( 'Post-fixing table: wrap cell content with paragraph.' );
|
|
91
|
+
for (const child of textNodes) {
|
|
92
|
+
writer.wrap(writer.createRangeOn(child), 'paragraph');
|
|
93
|
+
}
|
|
94
|
+
// Return true when there were text nodes to fix.
|
|
95
|
+
return !!textNodes.length;
|
|
96
|
+
}
|
|
97
|
+
/**
|
|
98
|
+
* Checks if a differ change should fix the table cell. This happens on:
|
|
99
|
+
* - Removing content from the table cell (i.e. `tableCell` can be left empty).
|
|
100
|
+
* - Adding a text node directly into a table cell.
|
|
101
|
+
*/
|
|
102
|
+
function checkTableCellChange(entry) {
|
|
103
|
+
if (!entry.position.parent.is('element', 'tableCell')) {
|
|
104
|
+
return false;
|
|
105
|
+
}
|
|
106
|
+
return entry.type == 'insert' && entry.name == '$text' || entry.type == 'remove';
|
|
107
|
+
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module table/converters/table-cell-refresh-handler
|
|
7
|
-
*/
|
|
8
|
-
import type { EditingController, Model } from 'ckeditor5/src/engine';
|
|
9
|
-
/**
|
|
10
|
-
* A table cell refresh handler which marks the table cell in the differ to have it re-rendered.
|
|
11
|
-
*
|
|
12
|
-
* Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block
|
|
13
|
-
* element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.
|
|
14
|
-
*
|
|
15
|
-
* When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is
|
|
16
|
-
* re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.
|
|
17
|
-
*/
|
|
18
|
-
export default function tableCellRefreshHandler(model: Model, editing: EditingController): void;
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module table/converters/table-cell-refresh-handler
|
|
7
|
+
*/
|
|
8
|
+
import type { EditingController, Model } from 'ckeditor5/src/engine';
|
|
9
|
+
/**
|
|
10
|
+
* A table cell refresh handler which marks the table cell in the differ to have it re-rendered.
|
|
11
|
+
*
|
|
12
|
+
* Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block
|
|
13
|
+
* element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.
|
|
14
|
+
*
|
|
15
|
+
* When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is
|
|
16
|
+
* re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.
|
|
17
|
+
*/
|
|
18
|
+
export default function tableCellRefreshHandler(model: Model, editing: EditingController): void;
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
import { isSingleParagraphWithoutAttributes } from './downcast';
|
|
6
|
-
/**
|
|
7
|
-
* A table cell refresh handler which marks the table cell in the differ to have it re-rendered.
|
|
8
|
-
*
|
|
9
|
-
* Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block
|
|
10
|
-
* element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.
|
|
11
|
-
*
|
|
12
|
-
* When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is
|
|
13
|
-
* re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.
|
|
14
|
-
*/
|
|
15
|
-
export default function tableCellRefreshHandler(model, editing) {
|
|
16
|
-
const differ = model.document.differ;
|
|
17
|
-
// Stores cells to be refreshed, so the table cell will be refreshed once for multiple changes.
|
|
18
|
-
const cellsToCheck = new Set();
|
|
19
|
-
for (const change of differ.getChanges()) {
|
|
20
|
-
const parent = change.type == 'attribute' ? change.range.start.parent : change.position.parent;
|
|
21
|
-
if (parent.is('element', 'tableCell')) {
|
|
22
|
-
cellsToCheck.add(parent);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
for (const tableCell of cellsToCheck.values()) {
|
|
26
|
-
const paragraphsToRefresh = Array.from(tableCell.getChildren())
|
|
27
|
-
.filter(child => shouldRefresh(child, editing.mapper));
|
|
28
|
-
for (const paragraph of paragraphsToRefresh) {
|
|
29
|
-
editing.reconvertItem(paragraph);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* Check if given model element needs refreshing.
|
|
35
|
-
*/
|
|
36
|
-
function shouldRefresh(child, mapper) {
|
|
37
|
-
if (!child.is('element', 'paragraph')) {
|
|
38
|
-
return false;
|
|
39
|
-
}
|
|
40
|
-
const viewElement = mapper.toViewElement(child);
|
|
41
|
-
if (!viewElement) {
|
|
42
|
-
return false;
|
|
43
|
-
}
|
|
44
|
-
return isSingleParagraphWithoutAttributes(child) !== viewElement.is('element', 'span');
|
|
45
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
import { isSingleParagraphWithoutAttributes } from './downcast';
|
|
6
|
+
/**
|
|
7
|
+
* A table cell refresh handler which marks the table cell in the differ to have it re-rendered.
|
|
8
|
+
*
|
|
9
|
+
* Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block
|
|
10
|
+
* element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.
|
|
11
|
+
*
|
|
12
|
+
* When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is
|
|
13
|
+
* re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.
|
|
14
|
+
*/
|
|
15
|
+
export default function tableCellRefreshHandler(model, editing) {
|
|
16
|
+
const differ = model.document.differ;
|
|
17
|
+
// Stores cells to be refreshed, so the table cell will be refreshed once for multiple changes.
|
|
18
|
+
const cellsToCheck = new Set();
|
|
19
|
+
for (const change of differ.getChanges()) {
|
|
20
|
+
const parent = change.type == 'attribute' ? change.range.start.parent : change.position.parent;
|
|
21
|
+
if (parent.is('element', 'tableCell')) {
|
|
22
|
+
cellsToCheck.add(parent);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
for (const tableCell of cellsToCheck.values()) {
|
|
26
|
+
const paragraphsToRefresh = Array.from(tableCell.getChildren())
|
|
27
|
+
.filter(child => shouldRefresh(child, editing.mapper));
|
|
28
|
+
for (const paragraph of paragraphsToRefresh) {
|
|
29
|
+
editing.reconvertItem(paragraph);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Check if given model element needs refreshing.
|
|
35
|
+
*/
|
|
36
|
+
function shouldRefresh(child, mapper) {
|
|
37
|
+
if (!child.is('element', 'paragraph')) {
|
|
38
|
+
return false;
|
|
39
|
+
}
|
|
40
|
+
const viewElement = mapper.toViewElement(child);
|
|
41
|
+
if (!viewElement) {
|
|
42
|
+
return false;
|
|
43
|
+
}
|
|
44
|
+
return isSingleParagraphWithoutAttributes(child) !== viewElement.is('element', 'span');
|
|
45
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module table/converters/table-headings-refresh-handler
|
|
7
|
-
*/
|
|
8
|
-
import type { EditingController, Model } from 'ckeditor5/src/engine';
|
|
9
|
-
/**
|
|
10
|
-
* A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered
|
|
11
|
-
* if the headings attribute changed.
|
|
12
|
-
*
|
|
13
|
-
* Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.
|
|
14
|
-
*
|
|
15
|
-
* When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.
|
|
16
|
-
*/
|
|
17
|
-
export default function tableHeadingsRefreshHandler(model: Model, editing: EditingController): void;
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module table/converters/table-headings-refresh-handler
|
|
7
|
+
*/
|
|
8
|
+
import type { EditingController, Model } from 'ckeditor5/src/engine';
|
|
9
|
+
/**
|
|
10
|
+
* A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered
|
|
11
|
+
* if the headings attribute changed.
|
|
12
|
+
*
|
|
13
|
+
* Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.
|
|
14
|
+
*
|
|
15
|
+
* When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.
|
|
16
|
+
*/
|
|
17
|
+
export default function tableHeadingsRefreshHandler(model: Model, editing: EditingController): void;
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
import TableWalker from '../tablewalker';
|
|
6
|
-
/**
|
|
7
|
-
* A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered
|
|
8
|
-
* if the headings attribute changed.
|
|
9
|
-
*
|
|
10
|
-
* Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.
|
|
11
|
-
*
|
|
12
|
-
* When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.
|
|
13
|
-
*/
|
|
14
|
-
export default function tableHeadingsRefreshHandler(model, editing) {
|
|
15
|
-
const differ = model.document.differ;
|
|
16
|
-
for (const change of differ.getChanges()) {
|
|
17
|
-
let table;
|
|
18
|
-
let isRowChange = false;
|
|
19
|
-
if (change.type == 'attribute') {
|
|
20
|
-
const element = change.range.start.nodeAfter;
|
|
21
|
-
if (!element || !element.is('element', 'table')) {
|
|
22
|
-
continue;
|
|
23
|
-
}
|
|
24
|
-
if (change.attributeKey != 'headingRows' && change.attributeKey != 'headingColumns') {
|
|
25
|
-
continue;
|
|
26
|
-
}
|
|
27
|
-
table = element;
|
|
28
|
-
isRowChange = change.attributeKey == 'headingRows';
|
|
29
|
-
}
|
|
30
|
-
else if (change.name == 'tableRow' || change.name == 'tableCell') {
|
|
31
|
-
table = change.position.findAncestor('table');
|
|
32
|
-
isRowChange = change.name == 'tableRow';
|
|
33
|
-
}
|
|
34
|
-
if (!table) {
|
|
35
|
-
continue;
|
|
36
|
-
}
|
|
37
|
-
const headingRows = table.getAttribute('headingRows') || 0;
|
|
38
|
-
const headingColumns = table.getAttribute('headingColumns') || 0;
|
|
39
|
-
const tableWalker = new TableWalker(table);
|
|
40
|
-
for (const tableSlot of tableWalker) {
|
|
41
|
-
const isHeading = tableSlot.row < headingRows || tableSlot.column < headingColumns;
|
|
42
|
-
const expectedElementName = isHeading ? 'th' : 'td';
|
|
43
|
-
const viewElement = editing.mapper.toViewElement(tableSlot.cell);
|
|
44
|
-
if (viewElement && viewElement.is('element') && viewElement.name != expectedElementName) {
|
|
45
|
-
editing.reconvertItem((isRowChange ? tableSlot.cell.parent : tableSlot.cell));
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
import TableWalker from '../tablewalker';
|
|
6
|
+
/**
|
|
7
|
+
* A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered
|
|
8
|
+
* if the headings attribute changed.
|
|
9
|
+
*
|
|
10
|
+
* Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.
|
|
11
|
+
*
|
|
12
|
+
* When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.
|
|
13
|
+
*/
|
|
14
|
+
export default function tableHeadingsRefreshHandler(model, editing) {
|
|
15
|
+
const differ = model.document.differ;
|
|
16
|
+
for (const change of differ.getChanges()) {
|
|
17
|
+
let table;
|
|
18
|
+
let isRowChange = false;
|
|
19
|
+
if (change.type == 'attribute') {
|
|
20
|
+
const element = change.range.start.nodeAfter;
|
|
21
|
+
if (!element || !element.is('element', 'table')) {
|
|
22
|
+
continue;
|
|
23
|
+
}
|
|
24
|
+
if (change.attributeKey != 'headingRows' && change.attributeKey != 'headingColumns') {
|
|
25
|
+
continue;
|
|
26
|
+
}
|
|
27
|
+
table = element;
|
|
28
|
+
isRowChange = change.attributeKey == 'headingRows';
|
|
29
|
+
}
|
|
30
|
+
else if (change.name == 'tableRow' || change.name == 'tableCell') {
|
|
31
|
+
table = change.position.findAncestor('table');
|
|
32
|
+
isRowChange = change.name == 'tableRow';
|
|
33
|
+
}
|
|
34
|
+
if (!table) {
|
|
35
|
+
continue;
|
|
36
|
+
}
|
|
37
|
+
const headingRows = table.getAttribute('headingRows') || 0;
|
|
38
|
+
const headingColumns = table.getAttribute('headingColumns') || 0;
|
|
39
|
+
const tableWalker = new TableWalker(table);
|
|
40
|
+
for (const tableSlot of tableWalker) {
|
|
41
|
+
const isHeading = tableSlot.row < headingRows || tableSlot.column < headingColumns;
|
|
42
|
+
const expectedElementName = isHeading ? 'th' : 'td';
|
|
43
|
+
const viewElement = editing.mapper.toViewElement(tableSlot.cell);
|
|
44
|
+
if (viewElement && viewElement.is('element') && viewElement.name != expectedElementName) {
|
|
45
|
+
editing.reconvertItem((isRowChange ? tableSlot.cell.parent : tableSlot.cell));
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|