@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.
Files changed (37) hide show
  1. package/package.json +1 -1
  2. package/src/sap/ui/richtexteditor/.library +2 -2
  3. package/src/sap/ui/richtexteditor/RTESplitButton.js +2 -2
  4. package/src/sap/ui/richtexteditor/RTESplitButtonRenderer.js +1 -1
  5. package/src/sap/ui/richtexteditor/RichTextEditor.js +41 -9
  6. package/src/sap/ui/richtexteditor/RichTextEditorFontFamily.js +2 -2
  7. package/src/sap/ui/richtexteditor/RichTextEditorRenderer.js +10 -4
  8. package/src/sap/ui/richtexteditor/ToolbarWrapper.js +1 -1
  9. package/src/sap/ui/richtexteditor/ToolbarWrapperRenderer.js +1 -1
  10. package/src/sap/ui/richtexteditor/js/styles/RichTextEditor.css +78 -70
  11. package/src/sap/ui/richtexteditor/library.js +5 -4
  12. package/src/sap/ui/richtexteditor/messagebundle_pt.properties +1 -1
  13. package/src/sap/ui/richtexteditor/themes/base/RichTextEditor.less +18 -19
  14. package/src/sap/ui/richtexteditor/themes/base/library.source.less +1 -1
  15. package/src/sap/ui/richtexteditor/themes/sap_belize/library.source.less +1 -1
  16. package/src/sap/ui/richtexteditor/themes/sap_belize_base/library.source.less +1 -1
  17. package/src/sap/ui/richtexteditor/themes/sap_belize_hcb/library.source.less +1 -1
  18. package/src/sap/ui/richtexteditor/themes/sap_belize_hcw/library.source.less +1 -1
  19. package/src/sap/ui/richtexteditor/themes/sap_belize_plus/library.source.less +1 -1
  20. package/src/sap/ui/richtexteditor/themes/sap_bluecrystal/library.source.less +1 -1
  21. package/src/sap/ui/richtexteditor/themes/sap_bluecrystal_base/library.source.less +1 -1
  22. package/src/sap/ui/richtexteditor/themes/sap_fiori_3/RichTextEditor.less +6 -6
  23. package/src/sap/ui/richtexteditor/themes/sap_fiori_3/library.source.less +1 -1
  24. package/src/sap/ui/richtexteditor/themes/sap_fiori_3_dark/RichTextEditor.less +6 -6
  25. package/src/sap/ui/richtexteditor/themes/sap_fiori_3_dark/library.source.less +1 -1
  26. package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcb/RichTextEditor.less +6 -6
  27. package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcb/library.source.less +1 -1
  28. package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcw/RichTextEditor.less +6 -6
  29. package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcw/library.source.less +1 -1
  30. package/src/sap/ui/richtexteditor/themes/sap_horizon/RichTextEditor.less +9 -9
  31. package/src/sap/ui/richtexteditor/themes/sap_horizon/library.source.less +1 -1
  32. package/src/sap/ui/richtexteditor/themes/sap_horizon_dark/RichTextEditor.less +6 -6
  33. package/src/sap/ui/richtexteditor/themes/sap_horizon_dark/library.source.less +1 -1
  34. package/src/sap/ui/richtexteditor/themes/sap_horizon_hcb/RichTextEditor.less +3 -3
  35. package/src/sap/ui/richtexteditor/themes/sap_horizon_hcb/library.source.less +1 -1
  36. package/src/sap/ui/richtexteditor/themes/sap_horizon_hcw/RichTextEditor.less +3 -3
  37. package/src/sap/ui/richtexteditor/themes/sap_horizon_hcw/library.source.less +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sapui5/sap.ui.richtexteditor",
3
- "version": "1.144.0",
3
+ "version": "1.146.0",
4
4
  "description": "SAPUI5 Library sap.ui.richtexteditor",
5
5
  "homepage": "https://ui5.github.io/cli/pages/SAPUI5/",
6
6
  "author": "SAP SE (https://www.sap.com)",
@@ -4,8 +4,8 @@
4
4
  <name>sap.ui.richtexteditor</name>
5
5
  <vendor>SAP SE</vendor>
6
6
  <copyright>SAPUI5
7
- * (c) Copyright 2025 SAP SE. All rights reserved.</copyright>
8
- <version>1.144.0</version>
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 2025 SAP SE. All rights reserved.
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.144.0
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 2025 SAP SE. All rights reserved.
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 2025 SAP SE. All rights reserved.
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>TinyMCE version 3 and 4 are no longer supported and cannot be used. If you set the property to TinyMCE, it will load TinyMCE version 7.</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
- * @experimental As of version 1.135
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.141.0
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.141.0
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
- // other versions
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.141.0
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.141.0 and will be removed from the code entirely in near future.");
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 2025 SAP SE. All rights reserved.
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.144.0
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 2025 SAP SE. All rights reserved.
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
- if (oRichTextEditor.getUseLegacyTheme()) {
40
- rm.class("sapUiRTELegacyTheme");
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
  }
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  // Provides control sap.ui.richtexteditor.ToolbarWrapper.
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
  // Provides default renderer for control sap.ui.richtexteditor.ToolbarWrapper
6
6
  sap.ui.define([],
@@ -347,77 +347,85 @@
347
347
  }
348
348
 
349
349
  /*********************** Scrollbar ***********************/
350
-
351
- ::-webkit-scrollbar-track {
352
- background-color: var(--sapScrollBar_TrackColor);
353
- }
354
-
355
- ::-webkit-scrollbar-thumb {
356
- background-color: var(--sapScrollBar_FaceColor);
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
- .mce-content-body table[border]:not([border="0"]):not([style*=border-color]) td {
422
- border-color: var(--sapList_BorderColor);
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 2025 SAP SE. All rights reserved.
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.144.0"
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, therefore using it is on your own risk.
71
- * @deprecated As of version 1.141
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/processar link
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
- /* ====== Custom Toolbar ====== */
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
- /* ====== Footer Toolbar ====== */
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 @sapUiFieldBorderColor;
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: @sapUiContentIconColor;
84
+ fill: var(--sapContent_IconColor);
86
85
  }
87
86
 
88
87
  svg.rteFontColorIcon .outline {
89
88
  stroke-width: 1.4px;
90
- stroke:@sapUiContentForegroundBorderColor;
89
+ stroke:var(--sapContent_ForegroundBorderColor);
91
90
  }
92
91
 
93
92
  .sapMBtnActive > svg.rteFontColorIcon path {
94
- fill: @sapUiButtonActiveTextColor;
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 @sapUiContentForegroundBorderColor,
104
- 1px -1px 0 @sapUiContentForegroundBorderColor,
105
- -1px 1px 0 @sapUiContentForegroundBorderColor,
106
- 1px 1px 0 @sapUiContentForegroundBorderColor;
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,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../../../../../sap/ui/core/themes/base/base.less";
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  /* ============================================================================ */
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../../../../../sap/ui/core/themes/base/base.less";
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  /* ============================================================================ */
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  /* ============================================================================ */
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../sap_belize/library.source.less";
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  /* ============================================================================== */
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../../../../../sap/ui/core/themes/base/base.less";
@@ -1,12 +1,12 @@
1
- /* ==================================================== */
2
- /* CSS for control sap.ui.richtexteditor.RichTextEditor */
3
- /* Fiori 3 theme */
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
- border-bottom: none;
12
- }
11
+ border-bottom: none;
12
+ }
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../base/library.source.less";
@@ -1,12 +1,12 @@
1
- /* ==================================================== */
2
- /* CSS for control sap.ui.richtexteditor.RichTextEditor */
3
- /* Fiori 3 Dark theme */
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
- border-bottom: none;
12
- }
11
+ border-bottom: none;
12
+ }
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../base/library.source.less";
@@ -1,8 +1,8 @@
1
- /* ==================================================== */
2
- /* CSS for control sap.ui.richtexteditor.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
- border-bottom: none;
8
- }
7
+ border-bottom: none;
8
+ }
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../base/library.source.less";
@@ -1,8 +1,8 @@
1
- /* ==================================================== */
2
- /* CSS for control sap.ui.richtexteditor.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
- border-bottom: none;
8
- }
7
+ border-bottom: none;
8
+ }
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../base/library.source.less";
@@ -1,12 +1,12 @@
1
- /* ==================================================== */
2
- /* CSS for control sap.ui.richtexteditor.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: @sapUiContentFocusWidth solid @sapUiFieldActiveBorderColor;
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: @sapUiButtonHoverBackground;
19
- border-color: @sapUiButtonHoverBorderColor;
20
- box-shadow: @sapContent_Interaction_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,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../base/library.source.less";
@@ -1,12 +1,12 @@
1
1
  /* ===================================================== */
2
- /* CSS for control sap.ui.richtexteditor.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: @sapUiContentFocusWidth solid @sapUiFieldActiveBorderColor;
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: @sapUiButtonHoverBackground;
19
- border-color: @sapUiButtonHoverBorderColor;
20
- box-shadow: @sapContent_Interaction_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,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../base/library.source.less";
@@ -1,15 +1,15 @@
1
1
  /* ===================================================== */
2
- /* CSS for control sap.ui.richtexteditor.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: @sapUiContentFocusWidth solid @sapUiFieldActiveBorderColor;
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,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../base/library.source.less";
@@ -1,15 +1,15 @@
1
1
  /* ===================================================== */
2
- /* CSS for control sap.ui.richtexteditor.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: @sapUiContentFocusWidth solid @sapUiFieldActiveBorderColor;
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,6 +1,6 @@
1
1
  /*!
2
2
  * SAPUI5
3
- * (c) Copyright 2025 SAP SE. All rights reserved.
3
+ * (c) Copyright 2026 SAP SE. All rights reserved.
4
4
  */
5
5
 
6
6
  @import "../base/library.source.less";