@sapui5/sap.ui.richtexteditor 1.144.0 → 1.146.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/package.json +1 -1
- package/src/sap/ui/richtexteditor/.library +2 -2
- package/src/sap/ui/richtexteditor/RTESplitButton.js +2 -2
- package/src/sap/ui/richtexteditor/RTESplitButtonRenderer.js +1 -1
- package/src/sap/ui/richtexteditor/RichTextEditor.js +41 -9
- package/src/sap/ui/richtexteditor/RichTextEditorFontFamily.js +2 -2
- package/src/sap/ui/richtexteditor/RichTextEditorRenderer.js +10 -4
- package/src/sap/ui/richtexteditor/ToolbarWrapper.js +1 -1
- package/src/sap/ui/richtexteditor/ToolbarWrapperRenderer.js +1 -1
- package/src/sap/ui/richtexteditor/js/styles/RichTextEditor.css +78 -70
- package/src/sap/ui/richtexteditor/library.js +5 -4
- package/src/sap/ui/richtexteditor/messagebundle_pt.properties +1 -1
- package/src/sap/ui/richtexteditor/themes/base/RichTextEditor.less +18 -19
- package/src/sap/ui/richtexteditor/themes/base/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_belize/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_belize_base/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_belize_hcb/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_belize_hcw/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_belize_plus/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_bluecrystal/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_bluecrystal_base/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_fiori_3/RichTextEditor.less +6 -6
- package/src/sap/ui/richtexteditor/themes/sap_fiori_3/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_fiori_3_dark/RichTextEditor.less +6 -6
- package/src/sap/ui/richtexteditor/themes/sap_fiori_3_dark/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcb/RichTextEditor.less +6 -6
- package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcb/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcw/RichTextEditor.less +6 -6
- package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcw/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_horizon/RichTextEditor.less +9 -9
- package/src/sap/ui/richtexteditor/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_horizon_dark/RichTextEditor.less +6 -6
- package/src/sap/ui/richtexteditor/themes/sap_horizon_dark/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_horizon_hcb/RichTextEditor.less +3 -3
- package/src/sap/ui/richtexteditor/themes/sap_horizon_hcb/library.source.less +1 -1
- package/src/sap/ui/richtexteditor/themes/sap_horizon_hcw/RichTextEditor.less +3 -3
- package/src/sap/ui/richtexteditor/themes/sap_horizon_hcw/library.source.less +1 -1
package/package.json
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
<name>sap.ui.richtexteditor</name>
|
|
5
5
|
<vendor>SAP SE</vendor>
|
|
6
6
|
<copyright>SAPUI5
|
|
7
|
-
* (c) Copyright
|
|
8
|
-
<version>1.
|
|
7
|
+
* (c) Copyright 2026 SAP SE. All rights reserved.</copyright>
|
|
8
|
+
<version>1.146.0</version>
|
|
9
9
|
|
|
10
10
|
<documentation>A rich text editor (RTE) control. Requires installation of an additional rich text editor library.</documentation>
|
|
11
11
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* SAPUI5
|
|
3
|
-
* (c) Copyright
|
|
3
|
+
* (c) Copyright 2026 SAP SE. All rights reserved.
|
|
4
4
|
*/
|
|
5
5
|
// Provides control sap.ui.richtexteditor.RTESplitButton.
|
|
6
6
|
sap.ui.define([
|
|
@@ -24,7 +24,7 @@ sap.ui.define([
|
|
|
24
24
|
* @alias sap.ui.richtexteditor.RTESplitButton
|
|
25
25
|
*
|
|
26
26
|
* @author SAP SE
|
|
27
|
-
* @version 1.
|
|
27
|
+
* @version 1.146.0
|
|
28
28
|
*/
|
|
29
29
|
var RTESplitButton = SplitButton.extend("sap.ui.richtexteditor.RTESplitButton", {
|
|
30
30
|
metadata: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* SAPUI5
|
|
3
|
-
* (c) Copyright
|
|
3
|
+
* (c) Copyright 2026 SAP SE. All rights reserved.
|
|
4
4
|
*/
|
|
5
5
|
// Provides default renderer for control sap.ui.richtexteditor.RTESplitButton
|
|
6
6
|
sap.ui.define(['sap/m/SplitButtonRenderer', 'sap/ui/core/Renderer'],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* SAPUI5
|
|
3
|
-
* (c) Copyright
|
|
3
|
+
* (c) Copyright 2026 SAP SE. All rights reserved.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
// Provides control sap.ui.richtexteditor.RichTextEditor.
|
|
@@ -88,6 +88,7 @@ sap.ui.define([
|
|
|
88
88
|
*
|
|
89
89
|
* <b>Note: The <code>RichTextEditor</code> uses a third-party component and therefore
|
|
90
90
|
* some additional restrictions apply for its proper usage and support.
|
|
91
|
+
* Use the native third-party API cautiously. Ensure you migrate to newer versions within 12 months of deprecation. Unsupported third-party versions, once deprecated by us, may be removed without notice if critical vulnerabilities or other serious issues are discovered in their code.
|
|
91
92
|
* For more information see the Preamble section in {@link topic:d4f3f1598373452bb73f2120930c133c sap.ui.richtexteditor}.
|
|
92
93
|
* </b>
|
|
93
94
|
*
|
|
@@ -203,7 +204,8 @@ sap.ui.define([
|
|
|
203
204
|
* not an enumeration).
|
|
204
205
|
*
|
|
205
206
|
* <b>Notes:</b>
|
|
206
|
-
* <ul><li>
|
|
207
|
+
* <ul><li>Do not use TinyMCE versions that are no longer supported. We may remove such versions without notice in future releases if critical vulnerabilities or other serious issues are discovered in their code.</li>
|
|
208
|
+
* <li>Setting the property to <code>TinyMCE</code> loads the latest TinyMCE available.</li>
|
|
207
209
|
* <li>Any attempts to set this property after the first rendering will not
|
|
208
210
|
* have any effect.</li>
|
|
209
211
|
* <li>The default value of the property will always resolve to the recommended version by UI5. Due to the different support cycles, we will be constantly getting newer TinyMCE versions and update the default value accordingly.</li>
|
|
@@ -368,7 +370,7 @@ sap.ui.define([
|
|
|
368
370
|
* Defines the footer of the control. The footer will be available only with custom toolbar.
|
|
369
371
|
* <b>Note:</b> The footer aggregation accepts only controls inheriting <code>sap.m.IBar</code>.
|
|
370
372
|
*
|
|
371
|
-
* @
|
|
373
|
+
* @since 1.135
|
|
372
374
|
*/
|
|
373
375
|
footer: {type: "sap.ui.core.Control", multiple: false},
|
|
374
376
|
/**
|
|
@@ -424,7 +426,7 @@ sap.ui.define([
|
|
|
424
426
|
RichTextEditor.BUTTON_GROUPS = library.ButtonGroups;
|
|
425
427
|
|
|
426
428
|
/**
|
|
427
|
-
* @deprecated As of version 1.
|
|
429
|
+
* @deprecated As of version 1.136.13
|
|
428
430
|
*/
|
|
429
431
|
RichTextEditor.EDITORTYPE_TINYMCE6 = library.EditorType.TinyMCE6;
|
|
430
432
|
|
|
@@ -439,11 +441,14 @@ sap.ui.define([
|
|
|
439
441
|
// default
|
|
440
442
|
EDITOR_LOCATION_MAPPING[RichTextEditor.EDITORTYPE_TINYMCE] = "js/tiny_mce7/tinymce.min.js";
|
|
441
443
|
|
|
444
|
+
/**
|
|
445
|
+
* @deprecated As of version 1.136.13
|
|
446
|
+
*/
|
|
442
447
|
EDITOR_LOCATION_MAPPING[RichTextEditor.EDITORTYPE_TINYMCE6] = "js/tiny_mce6/tinymce.min.js";
|
|
443
448
|
EDITOR_LOCATION_MAPPING[RichTextEditor.EDITORTYPE_TINYMCE7] = "js/tiny_mce7/tinymce.min.js";
|
|
444
449
|
|
|
445
450
|
/**
|
|
446
|
-
* @deprecated As of version 1.
|
|
451
|
+
* @deprecated As of version 1.136.13
|
|
447
452
|
*/
|
|
448
453
|
RichTextEditor.DEFAULT_PLUGINS_TINYMCE6 = [
|
|
449
454
|
"emoticons",
|
|
@@ -622,7 +627,9 @@ sap.ui.define([
|
|
|
622
627
|
// default
|
|
623
628
|
oEditorMapping[RichTextEditor.EDITORTYPE_TINYMCE] = RichTextEditor.EDITORTYPE_TINYMCE7;
|
|
624
629
|
|
|
625
|
-
|
|
630
|
+
/**
|
|
631
|
+
* @deprecated As of version 1.136.13
|
|
632
|
+
*/
|
|
626
633
|
oEditorMapping[RichTextEditor.EDITORTYPE_TINYMCE6] = RichTextEditor.EDITORTYPE_TINYMCE6;
|
|
627
634
|
oEditorMapping[RichTextEditor.EDITORTYPE_TINYMCE7] = RichTextEditor.EDITORTYPE_TINYMCE7;
|
|
628
635
|
|
|
@@ -726,6 +733,8 @@ sap.ui.define([
|
|
|
726
733
|
* Returns the current editor's instance.
|
|
727
734
|
* CAUTION: using the native editor introduces a dependency to that editor and breaks the wrapping character of the RichTextEditor control, so it should only be done in justified cases.
|
|
728
735
|
*
|
|
736
|
+
* <b>Note: Use the native third-party API cautiously. Ensure you migrate to newer versions within 12 months of deprecation. Unsupported third-party versions, once deprecated by us, may be removed without notice if critical vulnerabilities or other serious issues are discovered in their code.</b>
|
|
737
|
+
*
|
|
729
738
|
* @returns {object} The native editor object (here: The TinyMCE editor instance)
|
|
730
739
|
* @public
|
|
731
740
|
*/
|
|
@@ -1182,6 +1191,9 @@ sap.ui.define([
|
|
|
1182
1191
|
|
|
1183
1192
|
var mapping = {
|
|
1184
1193
|
"TinyMCE": fnMapPluginList(RichTextEditor.DEFAULT_PLUGINS_TINYMCE7),
|
|
1194
|
+
/**
|
|
1195
|
+
* @deprecated As of version 1.136.13
|
|
1196
|
+
*/
|
|
1185
1197
|
"TinyMCE6": fnMapPluginList(RichTextEditor.DEFAULT_PLUGINS_TINYMCE6),
|
|
1186
1198
|
"TinyMCE7": fnMapPluginList(RichTextEditor.DEFAULT_PLUGINS_TINYMCE7)
|
|
1187
1199
|
};
|
|
@@ -1190,6 +1202,9 @@ sap.ui.define([
|
|
|
1190
1202
|
|
|
1191
1203
|
var fontButtonGroupButtoNamesMapping = {
|
|
1192
1204
|
"TinyMCE": ["fontfamily", "fontsize", "forecolor", "backcolor"],
|
|
1205
|
+
/**
|
|
1206
|
+
* @deprecated As of version 1.136.13
|
|
1207
|
+
*/
|
|
1193
1208
|
"TinyMCE6": ["fontfamily", "fontsize", "forecolor", "backcolor"],
|
|
1194
1209
|
"TinyMCE7": ["fontfamily", "fontsize", "forecolor", "backcolor"]
|
|
1195
1210
|
};
|
|
@@ -1289,10 +1304,10 @@ sap.ui.define([
|
|
|
1289
1304
|
}
|
|
1290
1305
|
|
|
1291
1306
|
/**
|
|
1292
|
-
* @deprecated As of version 1.
|
|
1307
|
+
* @deprecated As of version 1.136.13
|
|
1293
1308
|
*/
|
|
1294
1309
|
if (oEditorMapping[sEditorType] === "TinyMCE6") {
|
|
1295
|
-
Log.error("TinyMCE version 6 is used as editor type. TinyMCE 6 is deprecated as of version 1.
|
|
1310
|
+
Log.error("TinyMCE version 6 is used as editor type. TinyMCE 6 is deprecated as of version 1.136.13 and will be removed from the code entirely in near future.");
|
|
1296
1311
|
}
|
|
1297
1312
|
|
|
1298
1313
|
this._setupToolbar();
|
|
@@ -1497,6 +1512,9 @@ sap.ui.define([
|
|
|
1497
1512
|
return true;
|
|
1498
1513
|
}
|
|
1499
1514
|
|
|
1515
|
+
/**
|
|
1516
|
+
* @deprecated As of version 1.136.13
|
|
1517
|
+
*/
|
|
1500
1518
|
if (sEditorType === RichTextEditor.EDITORTYPE_TINYMCE6) {
|
|
1501
1519
|
return window.tinymce.majorVersion != "6";
|
|
1502
1520
|
}
|
|
@@ -1632,10 +1650,21 @@ sap.ui.define([
|
|
|
1632
1650
|
switch (this._tinyMCEStatus) {
|
|
1633
1651
|
case EditorStatus.Initial:
|
|
1634
1652
|
case EditorStatus.Initializing:
|
|
1653
|
+
if (this._pTinyMCEInitialized) {
|
|
1654
|
+
this._pTinyMCEInitialized.then(function() {
|
|
1655
|
+
if (this._tinyMCEStatus === EditorStatus.Ready) {
|
|
1656
|
+
this.setValueTinyMCE(sValue);
|
|
1657
|
+
}
|
|
1658
|
+
}.bind(this));
|
|
1659
|
+
}
|
|
1660
|
+
break;
|
|
1661
|
+
|
|
1635
1662
|
case EditorStatus.Loading:
|
|
1636
1663
|
// Ignored - value will be set when TinyMCE is ready
|
|
1637
1664
|
break;
|
|
1638
|
-
|
|
1665
|
+
case EditorStatus.Loaded:
|
|
1666
|
+
// Ignored - value will be set when TinyMCE is ready
|
|
1667
|
+
break;
|
|
1639
1668
|
case EditorStatus.Ready:
|
|
1640
1669
|
this._oEditor.setContent(sValue);
|
|
1641
1670
|
//Reset the undo manager
|
|
@@ -2026,6 +2055,9 @@ sap.ui.define([
|
|
|
2026
2055
|
sPath = "sap/ui/richtexteditor/js/tiny_mce7/skins/content/default/content.min.css";
|
|
2027
2056
|
break;
|
|
2028
2057
|
}
|
|
2058
|
+
/**
|
|
2059
|
+
* @deprecated As of version 1.136.13
|
|
2060
|
+
*/
|
|
2029
2061
|
case RichTextEditor.EDITORTYPE_TINYMCE6: {
|
|
2030
2062
|
sPath = "sap/ui/richtexteditor/js/tiny_mce6/skins/content/default/content.min.css";
|
|
2031
2063
|
break;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* SAPUI5
|
|
3
|
-
* (c) Copyright
|
|
3
|
+
* (c) Copyright 2026 SAP SE. All rights reserved.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
// Provides control sap.ui.richtexteditor.RichTextEditorFontFamily.
|
|
@@ -22,7 +22,7 @@ sap.ui.define([
|
|
|
22
22
|
* @extends sap.ui.core.Element
|
|
23
23
|
*
|
|
24
24
|
* @author SAP SE
|
|
25
|
-
* @version 1.
|
|
25
|
+
* @version 1.146.0
|
|
26
26
|
*
|
|
27
27
|
* @public
|
|
28
28
|
* @alias sap.ui.richtexteditor.RichTextEditorFontFamily
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* SAPUI5
|
|
3
|
-
* (c) Copyright
|
|
3
|
+
* (c) Copyright 2026 SAP SE. All rights reserved.
|
|
4
4
|
*/
|
|
5
5
|
// Provides default renderer for control sap.ui.richtexteditor.RichTextEditor
|
|
6
6
|
sap.ui.define(["sap/ui/core/Lib"],
|
|
@@ -36,9 +36,15 @@ sap.ui.define(["sap/ui/core/Lib"],
|
|
|
36
36
|
if (oRichTextEditor.getRequired()) {
|
|
37
37
|
rm.class("sapUiRTEReq");
|
|
38
38
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
39
|
+
/**
|
|
40
|
+
* @deprecated As of version 1.97.0
|
|
41
|
+
* @private
|
|
42
|
+
*/
|
|
43
|
+
(() => {
|
|
44
|
+
if (oRichTextEditor.getUseLegacyTheme()) {
|
|
45
|
+
rm.class("sapUiRTELegacyTheme");
|
|
46
|
+
}
|
|
47
|
+
})();
|
|
42
48
|
if (bCustomToolbar) {
|
|
43
49
|
rm.class("sapUiRTEWithCustomToolbar");
|
|
44
50
|
}
|
|
@@ -347,77 +347,85 @@
|
|
|
347
347
|
}
|
|
348
348
|
|
|
349
349
|
/*********************** Scrollbar ***********************/
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
/******************************************************/
|
|
360
|
-
|
|
361
|
-
html {
|
|
350
|
+
:root:has(body.sap_horizon),
|
|
351
|
+
:root:has(body.sap_horizon_dark),
|
|
352
|
+
:root:has(body.sap_horizon_hcw),
|
|
353
|
+
:root:has(body.sap_horizon_hcb),
|
|
354
|
+
:root:has(body.sap_fiori_3),
|
|
355
|
+
:root:has(body.sap_fiori_3_dark),
|
|
356
|
+
:root:has(body.sap_fiori_3_hcw),
|
|
357
|
+
:root:has(body.sap_fiori_3_hcb) {
|
|
362
358
|
scrollbar-width: auto;
|
|
363
359
|
scrollbar-color: var(--sapScrollBar_FaceColor) var(--sapScrollBar_TrackColor);
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
.mce-content-body {
|
|
367
|
-
background-color: var(--sapField_Background);
|
|
368
|
-
color: var(--sapTextColor);
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
/* Placeholder styling */
|
|
372
|
-
.mce-content-body[data-mce-placeholder]:not(:empty)::before{
|
|
373
|
-
font-style: italic;
|
|
374
|
-
color: var(--sapField_PlaceholderTextColor);
|
|
375
|
-
}
|
|
376
|
-
|
|
377
|
-
.mce-content-body::selection,
|
|
378
|
-
.mce-content-body [data-mce-selected=inline-boundary] {
|
|
379
|
-
background-color: var(--sapSelectedColor);
|
|
380
|
-
color: var(--sapContent_ContrastTextColor);
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
.mce-content-body li {
|
|
384
|
-
font-weight: normal;
|
|
385
|
-
color: var(--sapList_TextColor);
|
|
386
|
-
}
|
|
387
|
-
|
|
388
|
-
.mce-content-body a {
|
|
389
|
-
color: var(--sapLinkColor);
|
|
390
|
-
text-decoration: var(--sapLink_TextDecoration);
|
|
391
|
-
cursor: pointer;
|
|
392
|
-
}
|
|
393
|
-
|
|
394
|
-
.mce-content-body a:hover() {
|
|
395
|
-
text-decoration: var(--sapLink_Hover_TextDecoration);
|
|
396
|
-
}
|
|
397
|
-
|
|
398
|
-
.mce-content-body a:active {
|
|
399
|
-
color: var(--sapLink_Active_Color);
|
|
400
|
-
text-decoration: var(--sapLink_Active_TextDecoration);
|
|
401
|
-
}
|
|
402
|
-
|
|
403
|
-
.mce-content-body a:visited {
|
|
404
|
-
color: var(--sapLink_Visited_Color);
|
|
405
|
-
text-decoration: var(--sapLink_Visited_TextDecoration);
|
|
406
|
-
}
|
|
407
|
-
|
|
408
|
-
.mce-content-body a:focus {
|
|
409
|
-
border-color: var(--sapContent_FocusColor);
|
|
410
|
-
border-radius: 0.125rem;
|
|
411
|
-
}
|
|
412
|
-
|
|
413
|
-
.mce-content-body a:visited:focus {
|
|
414
|
-
color: var(--sapContent_ContrastTextColor);
|
|
415
|
-
}
|
|
416
|
-
|
|
417
|
-
.mce-content-body table[border]:not([border="0"]):not([style*=border-color]) th {
|
|
418
|
-
border-color: var(--sapList_TableGroupHeaderBorderColor);
|
|
419
|
-
}
|
|
420
360
|
|
|
421
|
-
|
|
422
|
-
|
|
361
|
+
::-webkit-scrollbar-track {
|
|
362
|
+
background-color: var(--sapScrollBar_TrackColor);
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
::-webkit-scrollbar-thumb {
|
|
366
|
+
background-color: var(--sapScrollBar_FaceColor);
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
::-webkit-scrollbar-thumb:hover {
|
|
370
|
+
background-color: var(--sapScrollBar_Hover_FaceColor);
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
.mce-content-body {
|
|
374
|
+
background-color: var(--sapField_Background);
|
|
375
|
+
color: var(--sapTextColor);
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
/* Placeholder styling */
|
|
379
|
+
.mce-content-body[data-mce-placeholder]:not(:empty)::before{
|
|
380
|
+
font-style: italic;
|
|
381
|
+
color: var(--sapField_PlaceholderTextColor);
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
.mce-content-body::selection,
|
|
385
|
+
.mce-content-body [data-mce-selected=inline-boundary] {
|
|
386
|
+
background-color: var(--sapSelectedColor);
|
|
387
|
+
color: var(--sapContent_ContrastTextColor);
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
.mce-content-body li {
|
|
391
|
+
font-weight: normal;
|
|
392
|
+
color: var(--sapList_TextColor);
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
.mce-content-body a {
|
|
396
|
+
color: var(--sapLinkColor);
|
|
397
|
+
text-decoration: var(--sapLink_TextDecoration);
|
|
398
|
+
cursor: pointer;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
.mce-content-body a:hover() {
|
|
402
|
+
text-decoration: var(--sapLink_Hover_TextDecoration);
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
.mce-content-body a:active {
|
|
406
|
+
color: var(--sapLink_Active_Color);
|
|
407
|
+
text-decoration: var(--sapLink_Active_TextDecoration);
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
.mce-content-body a:visited {
|
|
411
|
+
color: var(--sapLink_Visited_Color);
|
|
412
|
+
text-decoration: var(--sapLink_Visited_TextDecoration);
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
.mce-content-body a:focus {
|
|
416
|
+
border-color: var(--sapContent_FocusColor);
|
|
417
|
+
border-radius: 0.125rem;
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
.mce-content-body a:visited:focus {
|
|
421
|
+
color: var(--sapContent_ContrastTextColor);
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.mce-content-body table[border]:not([border="0"]):not([style*=border-color]) th {
|
|
425
|
+
border-color: var(--sapList_TableGroupHeaderBorderColor);
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
.mce-content-body table[border]:not([border="0"]):not([style*=border-color]) td {
|
|
429
|
+
border-color: var(--sapList_BorderColor);
|
|
430
|
+
}
|
|
423
431
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* SAPUI5
|
|
3
|
-
* (c) Copyright
|
|
3
|
+
* (c) Copyright 2026 SAP SE. All rights reserved.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
/**
|
|
@@ -37,7 +37,7 @@ sap.ui.define([
|
|
|
37
37
|
"sap.ui.richtexteditor.RTESplitButton"
|
|
38
38
|
],
|
|
39
39
|
elements: [],
|
|
40
|
-
version: "1.
|
|
40
|
+
version: "1.146.0"
|
|
41
41
|
});
|
|
42
42
|
|
|
43
43
|
/**
|
|
@@ -52,6 +52,7 @@ sap.ui.define([
|
|
|
52
52
|
|
|
53
53
|
/**
|
|
54
54
|
* Determines which editor component should be used for editing the text.
|
|
55
|
+
* <b>Note: To ensure stability and to access the latest features, use the most current TinyMCE version supported by your SAPUI5 version by setting the property to <code>TinyMCE</code>. </br> Unsupported TinyMCE versions with critical vulnerabilities or other serious issues may be removed without notice.</b>
|
|
55
56
|
*
|
|
56
57
|
* @enum {string}
|
|
57
58
|
* @public
|
|
@@ -67,8 +68,8 @@ sap.ui.define([
|
|
|
67
68
|
|
|
68
69
|
/**
|
|
69
70
|
* Uses TinyMCE version 6 as editor
|
|
70
|
-
* TinyMCE 6 is no longer supported
|
|
71
|
-
* @
|
|
71
|
+
* @deprecated As of version 1.136.13, TinyMCE 6 is no longer supported. Use the {@link sap.ui.richtexteditor.EditorType.TinyMCE} instead.
|
|
72
|
+
* @public
|
|
72
73
|
*/
|
|
73
74
|
TinyMCE6: "TinyMCE6",
|
|
74
75
|
|
|
@@ -69,7 +69,7 @@ UNDO_BUTTON_TOOLTIP=Desfazer
|
|
|
69
69
|
REDO_BUTTON_TOOLTIP=Repetir
|
|
70
70
|
|
|
71
71
|
#XTOL: Tooltip for link button
|
|
72
|
-
LINK_BUTTON_TOOLTIP=Inserir/
|
|
72
|
+
LINK_BUTTON_TOOLTIP=Inserir/editar link
|
|
73
73
|
|
|
74
74
|
#XTOL: Tooltip for unlink button
|
|
75
75
|
UNLINK_BUTTON_TOOLTIP=Remover link
|
|
@@ -1,14 +1,18 @@
|
|
|
1
|
+
/* ===================================================== */
|
|
2
|
+
/* CSS for control sap.ui.richtexteditor/RichTextEditor */
|
|
3
|
+
/* Base theme */
|
|
4
|
+
/* ===================================================== */
|
|
5
|
+
|
|
1
6
|
.sapUiRTE {
|
|
2
7
|
display: inline-block;
|
|
3
8
|
min-height: 200px;
|
|
4
|
-
|
|
5
9
|
}
|
|
6
10
|
|
|
7
11
|
.sapUiRTE {
|
|
8
12
|
--_sap_ui_richtexteditor__wrapper-border: 4px;
|
|
9
13
|
}
|
|
10
14
|
|
|
11
|
-
/*
|
|
15
|
+
/* Custom Toolbar */
|
|
12
16
|
|
|
13
17
|
.sapUiRTE.sapUiRTEWithCustomToolbar {
|
|
14
18
|
--_sap_ui_richtexteditor__toolbar_height: 2.75rem;
|
|
@@ -23,7 +27,7 @@
|
|
|
23
27
|
--_sap_ui_richtexteditor__toolbar_height: 2rem;
|
|
24
28
|
}
|
|
25
29
|
|
|
26
|
-
/*
|
|
30
|
+
/* Footer Toolbar */
|
|
27
31
|
|
|
28
32
|
.sapUiRTE .sapUiRTETextAreaWrapper.sapUiRTEFooter {
|
|
29
33
|
--_sap_ui_richtexteditor__footer_height: 2.75rem;
|
|
@@ -38,15 +42,9 @@
|
|
|
38
42
|
--_sap_ui_richtexteditor__footer_height: 2rem;
|
|
39
43
|
}
|
|
40
44
|
|
|
41
|
-
/* This fixes the focus of the split buttons in Edge */
|
|
42
|
-
html[data-sap-ui-browser^="ed"] {
|
|
43
|
-
.sapUiRTE.sapUiRTEWithCustomToolbar .sapUiRTECustomToolbar .sapMBtnBase.sapMSBText .sapMBtnFocusDiv {
|
|
44
|
-
right: 1px;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
45
|
.sapUiRTE .sapUiRteEditorContainer {
|
|
49
46
|
border-radius: 0;
|
|
47
|
+
|
|
50
48
|
.tox-editor-container
|
|
51
49
|
.tox-editor-header {
|
|
52
50
|
padding: 0;
|
|
@@ -62,10 +60,11 @@ html[data-sap-ui-browser^="ed"] {
|
|
|
62
60
|
}
|
|
63
61
|
|
|
64
62
|
.sapUiRTEWithCustomToolbar .sapUiRTETextAreaWrapper {
|
|
65
|
-
border: 1px solid
|
|
63
|
+
border: 1px solid var(--sapField_BorderColor);
|
|
66
64
|
}
|
|
67
65
|
|
|
68
66
|
.sapUiRTEWithCustomToolbar .sapUiRteEditorContainer {
|
|
67
|
+
|
|
69
68
|
.mce-container.mce-panel.mce-first,
|
|
70
69
|
.mce-container.mce-panel.mce-last {
|
|
71
70
|
border: none;
|
|
@@ -82,16 +81,16 @@ svg.rteFontColorIcon {
|
|
|
82
81
|
}
|
|
83
82
|
|
|
84
83
|
svg.rteFontColorIcon path {
|
|
85
|
-
fill:
|
|
84
|
+
fill: var(--sapContent_IconColor);
|
|
86
85
|
}
|
|
87
86
|
|
|
88
87
|
svg.rteFontColorIcon .outline {
|
|
89
88
|
stroke-width: 1.4px;
|
|
90
|
-
stroke
|
|
89
|
+
stroke:var(--sapContent_ForegroundBorderColor);
|
|
91
90
|
}
|
|
92
91
|
|
|
93
92
|
.sapMBtnActive > svg.rteFontColorIcon path {
|
|
94
|
-
fill:
|
|
93
|
+
fill: var(--sapButton_Active_TextColor);
|
|
95
94
|
}
|
|
96
95
|
|
|
97
96
|
.sapUiSizeCompact svg.rteFontColorIcon {
|
|
@@ -100,10 +99,10 @@ svg.rteFontColorIcon .outline {
|
|
|
100
99
|
|
|
101
100
|
.sapUiRTE .sapMSBText .sapMBtnIcon::before {
|
|
102
101
|
text-shadow:
|
|
103
|
-
-1px -1px 0
|
|
104
|
-
1px -1px 0
|
|
105
|
-
-1px 1px 0
|
|
106
|
-
1px 1px 0
|
|
102
|
+
-1px -1px 0 var(--sapContent_ForegroundBorderColor),
|
|
103
|
+
1px -1px 0 var(--sapContent_ForegroundBorderColor),
|
|
104
|
+
-1px 1px 0 var(--sapContent_ForegroundBorderColor),
|
|
105
|
+
1px 1px 0 var(--sapContent_ForegroundBorderColor);
|
|
107
106
|
}
|
|
108
107
|
|
|
109
108
|
.sapUiRTE .sapUiRTETextAreaWrapper {
|
|
@@ -117,4 +116,4 @@ svg.rteFontColorIcon .outline {
|
|
|
117
116
|
|
|
118
117
|
.sapUiRTE .sapUiRTEFooter .sapMIBar .sapMBarRight {
|
|
119
118
|
padding-right: 4px;
|
|
120
|
-
}
|
|
119
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.richtexteditor
|
|
3
|
-
/*
|
|
4
|
-
/*
|
|
1
|
+
/* ===================================================== */
|
|
2
|
+
/* CSS for control sap.ui.richtexteditor/RichTextEditor */
|
|
3
|
+
/* Quartz Light theme */
|
|
4
|
+
/* ===================================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiRTE {
|
|
7
7
|
--_sap_ui_richtexteditor__wrapper-border: 2px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.sapUiRTEWithCustomToolbar .sapMTB.sapUiRTECustomToolbar {
|
|
11
|
-
|
|
12
|
-
}
|
|
11
|
+
border-bottom: none;
|
|
12
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.richtexteditor
|
|
3
|
-
/*
|
|
4
|
-
/*
|
|
1
|
+
/* ===================================================== */
|
|
2
|
+
/* CSS for control sap.ui.richtexteditor/RichTextEditor */
|
|
3
|
+
/* Quartz Dark theme */
|
|
4
|
+
/* ===================================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiRTE {
|
|
7
7
|
--_sap_ui_richtexteditor__wrapper-border: 2px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.sapUiRTEWithCustomToolbar .sapMTB.sapUiRTECustomToolbar {
|
|
11
|
-
|
|
12
|
-
}
|
|
11
|
+
border-bottom: none;
|
|
12
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.richtexteditor
|
|
3
|
-
/* Quartz High Contrast Black theme
|
|
4
|
-
/*
|
|
1
|
+
/* ===================================================== */
|
|
2
|
+
/* CSS for control sap.ui.richtexteditor/RichTextEditor */
|
|
3
|
+
/* Quartz High Contrast Black theme */
|
|
4
|
+
/* ===================================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiRTEWithCustomToolbar .sapMTB.sapUiRTECustomToolbar {
|
|
7
|
-
|
|
8
|
-
}
|
|
7
|
+
border-bottom: none;
|
|
8
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.richtexteditor
|
|
3
|
-
/* Quartz High Contrast White theme
|
|
4
|
-
/*
|
|
1
|
+
/* ===================================================== */
|
|
2
|
+
/* CSS for control sap.ui.richtexteditor/RichTextEditor */
|
|
3
|
+
/* Quartz High Contrast White theme */
|
|
4
|
+
/* ===================================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiRTEWithCustomToolbar .sapMTB.sapUiRTECustomToolbar {
|
|
7
|
-
|
|
8
|
-
}
|
|
7
|
+
border-bottom: none;
|
|
8
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.richtexteditor
|
|
3
|
-
/* Horizon theme
|
|
4
|
-
/*
|
|
1
|
+
/* ===================================================== */
|
|
2
|
+
/* CSS for control sap.ui.richtexteditor/RichTextEditor */
|
|
3
|
+
/* Morning Horizon theme */
|
|
4
|
+
/* ===================================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiRTE.sapUiRTEWithCustomToolbar {
|
|
7
7
|
|
|
8
8
|
.sapUiRTETextAreaWrapper {
|
|
9
|
-
border:
|
|
9
|
+
border: var(--sapContent_FocusWidth) solid var(--sapField_Active_BorderColor);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
|
|
16
16
|
.sapMBtn:hover > .sapMBtnHoverable:not(.sapMToggleBtnPressed):not(.sapMBtnActive),
|
|
17
17
|
.sapMSB .sapMBtn:not(.sapMBtnDisabled):not(:focus):hover .sapMBtnInner.sapMBtnActive {
|
|
18
|
-
background:
|
|
19
|
-
border-color:
|
|
20
|
-
box-shadow:
|
|
18
|
+
background: var(--sapButton_Hover_Background);
|
|
19
|
+
border-color: var(--sapButton_Hover_BorderColor);
|
|
20
|
+
box-shadow: var(--sapContent_Interaction_Shadow);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.sapMSB .sapMBtn:hover ~ .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
|
|
@@ -27,4 +27,4 @@
|
|
|
27
27
|
.sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnIcon {
|
|
28
28
|
top: 0.0625rem;
|
|
29
29
|
}
|
|
30
|
-
}
|
|
30
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/* ===================================================== */
|
|
2
|
-
/* CSS for control sap.ui.richtexteditor
|
|
2
|
+
/* CSS for control sap.ui.richtexteditor/RichTextEditor */
|
|
3
3
|
/* Evening Horizon theme */
|
|
4
4
|
/* ===================================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiRTE.sapUiRTEWithCustomToolbar {
|
|
7
7
|
|
|
8
8
|
.sapUiRTETextAreaWrapper {
|
|
9
|
-
border:
|
|
9
|
+
border: var(--sapContent_FocusWidth) solid var(--sapField_Active_BorderColor);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
|
|
16
16
|
.sapMBtn:hover > .sapMBtnHoverable:not(.sapMToggleBtnPressed):not(.sapMBtnActive),
|
|
17
17
|
.sapMSB .sapMBtn:not(.sapMBtnDisabled):not(:focus):hover .sapMBtnInner.sapMBtnActive {
|
|
18
|
-
background:
|
|
19
|
-
border-color:
|
|
20
|
-
box-shadow:
|
|
18
|
+
background: var(--sapButton_Hover_Background);
|
|
19
|
+
border-color: var(--sapButton_Hover_BorderColor);
|
|
20
|
+
box-shadow: var(--sapContent_Interaction_Shadow);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.sapMSB .sapMBtn:hover ~ .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
|
|
@@ -27,4 +27,4 @@
|
|
|
27
27
|
.sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnIcon {
|
|
28
28
|
top: 0.0625rem;
|
|
29
29
|
}
|
|
30
|
-
}
|
|
30
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/* ===================================================== */
|
|
2
|
-
/* CSS for control sap.ui.richtexteditor
|
|
2
|
+
/* CSS for control sap.ui.richtexteditor/RichTextEditor */
|
|
3
3
|
/* Horizon High Contrast Black theme */
|
|
4
4
|
/* ===================================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiRTE.sapUiRTEWithCustomToolbar {
|
|
7
7
|
|
|
8
8
|
.sapUiRTETextAreaWrapper {
|
|
9
|
-
border:
|
|
9
|
+
border: var(--sapContent_FocusWidth) solid var(--sapField_Active_BorderColor);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
|
|
13
13
|
border-bottom: none;
|
|
14
14
|
}
|
|
15
|
-
}
|
|
15
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/* ===================================================== */
|
|
2
|
-
/* CSS for control sap.ui.richtexteditor
|
|
2
|
+
/* CSS for control sap.ui.richtexteditor/RichTextEditor */
|
|
3
3
|
/* Horizon High Contrast White theme */
|
|
4
4
|
/* ===================================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiRTE.sapUiRTEWithCustomToolbar {
|
|
7
7
|
|
|
8
8
|
.sapUiRTETextAreaWrapper {
|
|
9
|
-
border:
|
|
9
|
+
border: var(--sapContent_FocusWidth) solid var(--sapField_Active_BorderColor);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
|
|
13
13
|
border-bottom: none;
|
|
14
14
|
}
|
|
15
|
-
}
|
|
15
|
+
}
|