@sapui5/sap.ui.richtexteditor 1.146.0 → 1.147.1

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 (16) hide show
  1. package/package.json +1 -1
  2. package/src/sap/ui/richtexteditor/.library +1 -1
  3. package/src/sap/ui/richtexteditor/RTESplitButton.js +1 -1
  4. package/src/sap/ui/richtexteditor/RichTextEditor.js +1 -1
  5. package/src/sap/ui/richtexteditor/RichTextEditorFontFamily.js +1 -1
  6. package/src/sap/ui/richtexteditor/ToolbarWrapper.js +2 -2
  7. package/src/sap/ui/richtexteditor/library.js +1 -1
  8. package/src/sap/ui/richtexteditor/themes/base/RichTextEditor.less +13 -0
  9. package/src/sap/ui/richtexteditor/themes/sap_fiori_3/RichTextEditor.less +7 -0
  10. package/src/sap/ui/richtexteditor/themes/sap_fiori_3_dark/RichTextEditor.less +8 -0
  11. package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcb/RichTextEditor.less +16 -2
  12. package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcw/RichTextEditor.less +16 -2
  13. package/src/sap/ui/richtexteditor/themes/sap_horizon/RichTextEditor.less +5 -1
  14. package/src/sap/ui/richtexteditor/themes/sap_horizon_dark/RichTextEditor.less +5 -1
  15. package/src/sap/ui/richtexteditor/themes/sap_horizon_hcb/RichTextEditor.less +7 -0
  16. package/src/sap/ui/richtexteditor/themes/sap_horizon_hcw/RichTextEditor.less +7 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sapui5/sap.ui.richtexteditor",
3
- "version": "1.146.0",
3
+ "version": "1.147.1",
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)",
package/src/sap/ui/richtexteditor/.library CHANGED
@@ -5,7 +5,7 @@
5
5
  <vendor>SAP SE</vendor>
6
6
  <copyright>SAPUI5
7
7
  * (c) Copyright 2026 SAP SE. All rights reserved.</copyright>
8
- <version>1.146.0</version>
8
+ <version>1.147.1</version>
9
9
 
10
10
  <documentation>A rich text editor (RTE) control. Requires installation of an additional rich text editor library.</documentation>
11
11
 
package/src/sap/ui/richtexteditor/RTESplitButton.js CHANGED
@@ -24,7 +24,7 @@ sap.ui.define([
24
24
  * @alias sap.ui.richtexteditor.RTESplitButton
25
25
  *
26
26
  * @author SAP SE
27
- * @version 1.146.0
27
+ * @version 1.147.1
28
28
  */
29
29
  var RTESplitButton = SplitButton.extend("sap.ui.richtexteditor.RTESplitButton", {
30
30
  metadata: {
package/src/sap/ui/richtexteditor/RichTextEditor.js CHANGED
@@ -1945,7 +1945,7 @@ sap.ui.define([
1945
1945
  readonly: !this.getEditable(),
1946
1946
  nowrap: !this.getWrapping(),
1947
1947
  license_key: "T7LKB99051C4AEADDA204B3B44B3D9C90B2B3708FB1F49DD4C4E3DC5836A51C4",
1948
- highlight_on_focus: false, // Disables the highlighting of the editor content when it is focused
1948
+ highlight_on_focus: true, // enables the highlighting of the editor content when it is focused
1949
1949
  convert_unsafe_embeds: true, // default for v.7, remove after upgrade
1950
1950
  sandbox_iframes: true, // default for v.7, remove after upgrade
1951
1951
  body_class: sThemeName,
package/src/sap/ui/richtexteditor/RichTextEditorFontFamily.js CHANGED
@@ -22,7 +22,7 @@ sap.ui.define([
22
22
  * @extends sap.ui.core.Element
23
23
  *
24
24
  * @author SAP SE
25
- * @version 1.146.0
25
+ * @version 1.147.1
26
26
  *
27
27
  * @public
28
28
  * @alias sap.ui.richtexteditor.RichTextEditorFontFamily
package/src/sap/ui/richtexteditor/ToolbarWrapper.js CHANGED
@@ -1011,8 +1011,8 @@ sap.ui.define([
1011
1011
  ToolbarWrapper.prototype._generateImageHTML = function(sURL, sText, sHeight, sWidth, bRatio) {
1012
1012
  var sURLAttr = sURL ? ' src="' + sURL + '"' : '',
1013
1013
  sAltAttr = sText ? ' alt="' + sText + '"' : '',
1014
- sHeightAttr = sHeight ? ' height="' + sHeight + 'px"' : '',
1015
- sWidthAttr = sWidth ? ' width="' + sWidth + 'px"' : '',
1014
+ sHeightAttr = sHeight ? ' height="' + sHeight + '"' : '',
1015
+ sWidthAttr = sWidth ? ' width="' + sWidth + '"' : '',
1016
1016
  sDimensions = sHeightAttr + sWidthAttr,
1017
1017
  sRatio = (bRatio !== undefined) ? ' data-sap-ui-rte-image-ratio="' + bRatio + '"' : '';
1018
1018
 
package/src/sap/ui/richtexteditor/library.js CHANGED
@@ -37,7 +37,7 @@ sap.ui.define([
37
37
  "sap.ui.richtexteditor.RTESplitButton"
38
38
  ],
39
39
  elements: [],
40
- version: "1.146.0"
40
+ version: "1.147.1"
41
41
  });
42
42
 
43
43
  /**
package/src/sap/ui/richtexteditor/themes/base/RichTextEditor.less CHANGED
@@ -116,4 +116,17 @@ svg.rteFontColorIcon .outline {
116
116
 
117
117
  .sapUiRTE .sapUiRTEFooter .sapMIBar .sapMBarRight {
118
118
  padding-right: 4px;
119
+ }
120
+
121
+ /* Disable TinyMCE's default opacity transition on the focus pseudo-element */
122
+ .sapUiRTE .tox .tox-edit-area::before {
123
+ transition: none;
124
+ }
125
+
126
+ /* Apply Fiori-compliant focus styles when editor is focused */
127
+ .sapUiRTE .tox.tox-edit-focus .tox-edit-area::before {
128
+ border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
129
+ border-radius: 0px;
130
+ box-shadow: none;
131
+ opacity: 1;
119
132
  }
package/src/sap/ui/richtexteditor/themes/sap_fiori_3/RichTextEditor.less CHANGED
@@ -9,4 +9,11 @@
9
9
 
10
10
  .sapUiRTEWithCustomToolbar .sapMTB.sapUiRTECustomToolbar {
11
11
  border-bottom: none;
12
+ }
13
+
14
+ .sapUiRTE .tox.tox-edit-focus .tox-edit-area::before {
15
+ top: 1px;
16
+ bottom: 1px;
17
+ left: 1px;
18
+ right: 1px;
12
19
  }
package/src/sap/ui/richtexteditor/themes/sap_fiori_3_dark/RichTextEditor.less CHANGED
@@ -9,4 +9,12 @@
9
9
 
10
10
  .sapUiRTEWithCustomToolbar .sapMTB.sapUiRTECustomToolbar {
11
11
  border-bottom: none;
12
+ }
13
+
14
+ .sapUiRTE .tox.tox-edit-focus .tox-edit-area::before {
15
+ border-color: var(--sapContent_FocusColor);
16
+ top: 1px;
17
+ bottom: 1px;
18
+ left: 1px;
19
+ right: 1px;
12
20
  }
package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcb/RichTextEditor.less CHANGED
@@ -3,6 +3,20 @@
3
3
  /* Quartz High Contrast Black theme */
4
4
  /* ===================================================== */
5
5
 
6
- .sapUiRTEWithCustomToolbar .sapMTB.sapUiRTECustomToolbar {
7
- border-bottom: none;
6
+ .sapUiRTE.sapUiRTEWithCustomToolbar {
7
+
8
+ .sapUiRTETextAreaWrapper {
9
+ border: var(--sapContent_FocusWidth) solid var(--sapField_Active_BorderColor);
10
+ }
11
+
12
+ .sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
13
+ border-bottom: none;
14
+ }
15
+ }
16
+
17
+ .sapUiRTE .tox.tox-edit-focus .tox-edit-area::before {
18
+ top: 1px;
19
+ bottom: 1px;
20
+ left: 1px;
21
+ right: 1px;
8
22
  }
package/src/sap/ui/richtexteditor/themes/sap_fiori_3_hcw/RichTextEditor.less CHANGED
@@ -3,6 +3,20 @@
3
3
  /* Quartz High Contrast White theme */
4
4
  /* ===================================================== */
5
5
 
6
- .sapUiRTEWithCustomToolbar .sapMTB.sapUiRTECustomToolbar {
7
- border-bottom: none;
6
+ .sapUiRTE.sapUiRTEWithCustomToolbar {
7
+
8
+ .sapUiRTETextAreaWrapper {
9
+ border: var(--sapContent_FocusWidth) solid var(--sapField_Active_BorderColor);
10
+ }
11
+
12
+ .sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
13
+ border-bottom: none;
14
+ }
15
+ }
16
+
17
+ .sapUiRTE .tox.tox-edit-focus .tox-edit-area::before {
18
+ top: 1px;
19
+ bottom: 1px;
20
+ left: 1px;
21
+ right: 1px;
8
22
  }
package/src/sap/ui/richtexteditor/themes/sap_horizon/RichTextEditor.less CHANGED
@@ -5,10 +5,14 @@
5
5
 
6
6
  .sapUiRTE.sapUiRTEWithCustomToolbar {
7
7
 
8
- .sapUiRTETextAreaWrapper {
8
+ &:has(.tox.tox-edit-focus) .sapUiRTETextAreaWrapper {
9
9
  border: var(--sapContent_FocusWidth) solid var(--sapField_Active_BorderColor);
10
10
  }
11
11
 
12
+ .tox.tox-edit-focus .tox-edit-area::before {
13
+ border: none;
14
+ }
15
+
12
16
  .sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
13
17
  border-bottom: none;
14
18
  }
package/src/sap/ui/richtexteditor/themes/sap_horizon_dark/RichTextEditor.less CHANGED
@@ -5,10 +5,14 @@
5
5
 
6
6
  .sapUiRTE.sapUiRTEWithCustomToolbar {
7
7
 
8
- .sapUiRTETextAreaWrapper {
8
+ &:has(.tox.tox-edit-focus) .sapUiRTETextAreaWrapper {
9
9
  border: var(--sapContent_FocusWidth) solid var(--sapField_Active_BorderColor);
10
10
  }
11
11
 
12
+ .tox.tox-edit-focus .tox-edit-area::before {
13
+ border: none;
14
+ }
15
+
12
16
  .sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
13
17
  border-bottom: none;
14
18
  }
package/src/sap/ui/richtexteditor/themes/sap_horizon_hcb/RichTextEditor.less CHANGED
@@ -12,4 +12,11 @@
12
12
  .sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
13
13
  border-bottom: none;
14
14
  }
15
+ }
16
+
17
+ .sapUiRTE .tox.tox-edit-focus .tox-edit-area::before {
18
+ top: 1px;
19
+ bottom: 1px;
20
+ left: 1px;
21
+ right: 1px;
15
22
  }
package/src/sap/ui/richtexteditor/themes/sap_horizon_hcw/RichTextEditor.less CHANGED
@@ -12,4 +12,11 @@
12
12
  .sapUiRTECustomToolbar.sapMTB.sapMTBStandard {
13
13
  border-bottom: none;
14
14
  }
15
+ }
16
+
17
+ .sapUiRTE .tox.tox-edit-focus .tox-edit-area::before {
18
+ top: 1px;
19
+ bottom: 1px;
20
+ left: 1px;
21
+ right: 1px;
15
22
  }