@sapui5/sap.ui.richtexteditor 1.108.46 → 1.108.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapui5/sap.ui.richtexteditor",
-  "version": "1.108.46",
+  "version": "1.108.48",
   "description": "SAPUI5 Library sap.ui.richtexteditor",
   "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
   "author": "SAP SE (https://www.sap.com)",

package/src/sap/ui/richtexteditor/.library

@@ -5,7 +5,7 @@
 	<vendor>SAP SE</vendor>
 	<copyright>SAPUI5
  * (c) Copyright 2009-2022 SAP SE. All rights reserved.</copyright>
-	<version>1.108.46</version>
+	<version>1.108.48</version>
 
 	<documentation>A rich text editor (RTE) control. Requires installation of an additional rich text editor library.</documentation>
 
@@ -46,15 +46,15 @@
 				<copyright>Tiny Technologies, Inc.</copyright>
 				<pattern>sap/ui/richtexteditor/js/tiny_mce4/*</pattern>
 			</lib>
-			<lib name="TinyMCE-5" displayName="TinyMCE 5.10.9" npmName="tinymce" version="5.10.9-138" npmVersion="5.10.9" hash="870c2609752297a3960d92ba3b939732" homepage="https://www.tiny.cloud/" id="73555000100200017025">
+			<lib name="TinyMCE-6" displayName="TinyMCE 6.8.5" npmName="tinymce" version="6.8.5-39" npmVersion="6.8.5" hash="fe8f93b7237f15d0f3d0a14503d2e948" homepage="https://www.tiny.cloud/" id="73555000100200021465">
 				<license url="https://about.tiny.cloud/legal/" type="Commercial"/>
 				<copyright>Tiny Technologies, Inc.</copyright>
-				<pattern>sap/ui/richtexteditor/js/tiny_mce5/*</pattern>
+				<pattern>sap/ui/richtexteditor/js/tiny_mce6/*</pattern>
 			</lib>
-			<lib name="TinyMCE-6" displayName="TinyMCE 6.8.5" npmName="tinymce" version="6.8.5-39" npmVersion="6.8.5" hash="fe8f93b7237f15d0f3d0a14503d2e948" homepage="https://www.tiny.cloud/" id="73555000100200021465">
+			<lib name="TinyMCE-7" displayName="TinyMCE 7.7.2" npmName="tinymce" version="7.7.2" npmVersion="7.7.2" hash="044b1f609f9cd3ccaba217af7cb3989a" homepage="https://www.tiny.cloud/" id="73555000100200021467">
 				<license url="https://about.tiny.cloud/legal/" type="Commercial"/>
 				<copyright>Tiny Technologies, Inc.</copyright>
-				<pattern>sap/ui/richtexteditor/js/tiny_mce6/*</pattern>
+				<pattern>sap/ui/richtexteditor/js/tiny_mce7/*</pattern>
 			</lib>
 		</thirdparty>
 

package/src/sap/ui/richtexteditor/RTESplitButton.js

@@ -24,7 +24,7 @@ sap.ui.define([
 		 * @alias sap.ui.richtexteditor.RTESplitButton
 		 *
 		 * @author SAP SE
-		 * @version 1.108.46
+		 * @version 1.108.48
 		 */
 		var RTESplitButton = SplitButton.extend("sap.ui.richtexteditor.RTESplitButton", {
 			metadata: {

package/src/sap/ui/richtexteditor/RichTextEditor.js

@@ -82,6 +82,7 @@ sap.ui.define([
 	 *
 	 * <b>Note: The <code>RichTextEditor</code> uses a third-party component and therefore
 	 * some additional restrictions apply for its proper usage and support.
+	 * 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.
 	 * For more information see the Preamble section in {@link topic:d4f3f1598373452bb73f2120930c133c sap.ui.richtexteditor}.
 	 * </b>
 	 *
@@ -124,7 +125,7 @@ sap.ui.define([
 	 * Below is a list of supported groups and buttons, which can be specified in the configuration objects (format is <<group name>>: <<supported buttons>>):
 	 *	<ul>
 	 *		<li>font-style: bold, italic, underline, strikethrough</li>
-	 *		<li>font: fontfamily (fontselect in TinyMCE5), fontsize (fontsizeselect in TinyMCE5), forecolor, backcolor</li>
+	 *		<li>font: fontfamily (fontselect in TinyMCE4), fontsize (fontsizeselect in TinyMCE4), forecolor, backcolor</li>
 	 *		<li>clipboard: cut, copy, paste</li>
 	 *		<li>structure: bullist, numlist, outdent, indent</li>
 	 *		<li>undo: undo, redo</li>
@@ -197,14 +198,15 @@ sap.ui.define([
 				 * not an enumeration).
 				 *
 				 * <b>Notes:</b>
-				 * <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>
+				 * <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>
+				 * <li>Setting the property to <code>TinyMCE</code> loads the latest TinyMCE available.</li>
 				 * <li>Any attempts to set this property after the first rendering will not
 				 * have any effect.</li>
 				 * <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>
 				 * <li>Usage of internal TinyMCE APIs is not recommended, since it might lead to issues upon TinyMCE version update.</li>
 				 * <li>Have in mind when choosing a specific TinyMCE version that there might be differences in the support rules compared to UI5, therefore we might be forced to remove any TinyMCE version.</li>
 				 * <li>TinyMCE 4 is out of support and by using it, application developers are accepting all the risks comming from that fact. In addition TinyMCE 4 will be removed in future releases.</li>
-				 * <li>TinyMCE 5 and TinyMCE 6 will be removed in future releases.</li>
+				 * <li>TinyMCE 6 will be removed in future releases.</li>
 				 * </ul>
 				 */
 				editorType: { type: "string", group: "Misc", defaultValue: 'TinyMCE' },
@@ -215,7 +217,7 @@ sap.ui.define([
 				 * @deprecated Since version 1.25.0.
 				 * The editorLocation is set implicitly when choosing the editorType.
 				 */
-				editorLocation: { type: "string", group: "Misc", defaultValue: 'js/tiny_mce4/tinymce.js', deprecated: true },
+				editorLocation: { type: "string", group: "Misc", defaultValue: 'js/tiny_mce7/tinymce.js', deprecated: true },
 
 				/**
 				 * Determines whether the editor content can be modified by the user. When set to "false" there might not be any editor toolbar.
@@ -392,7 +394,7 @@ sap.ui.define([
 
 	// Editor type entries for backwards compatibility
 	RichTextEditor.EDITORTYPE_TINYMCE4 = library.EditorType.TinyMCE4;
-	RichTextEditor.EDITORTYPE_TINYMCE5 = library.EditorType.TinyMCE5;
+
 	RichTextEditor.EDITORTYPE_TINYMCE6 = library.EditorType.TinyMCE6;
 
 	RichTextEditor.EDITORTYPE_TINYMCE7 = library.EditorType.TinyMCE7;
@@ -407,11 +409,10 @@ sap.ui.define([
 	EDITOR_LOCATION_MAPPING[RichTextEditor.EDITORTYPE_TINYMCE] = "js/tiny_mce7/tinymce.min.js";
 
 	EDITOR_LOCATION_MAPPING[RichTextEditor.EDITORTYPE_TINYMCE4] = "js/tiny_mce4/tinymce.min.js";
-	EDITOR_LOCATION_MAPPING[RichTextEditor.EDITORTYPE_TINYMCE5] = "js/tiny_mce5/tinymce.min.js";
 	EDITOR_LOCATION_MAPPING[RichTextEditor.EDITORTYPE_TINYMCE6] = "js/tiny_mce6/tinymce.min.js";
 	EDITOR_LOCATION_MAPPING[RichTextEditor.EDITORTYPE_TINYMCE7] = "js/tiny_mce7/tinymce.min.js";
 
-	RichTextEditor.DEFAULT_PLUGINS_TINYMCE5 = [
+	RichTextEditor.DEFAULT_PLUGINS_TINYMCE4 = [
 		"emoticons",
 		"directionality",
 		"tabfocus",
@@ -548,15 +549,13 @@ sap.ui.define([
 		"zh_TW": true
 	};
 
-	RichTextEditor.SUPPORTED_LANGUAGES_TINYMCE5 = {
+	RichTextEditor.SUPPORTED_LANGUAGES_TINYMCE6 = {
 		"eo": true,
 		"es_ES": true,
 		"it_IT": true,
 		"ro_RO": true
 	};
 
-	RichTextEditor.SUPPORTED_LANGUAGES_TINYMCE6 = RichTextEditor.SUPPORTED_LANGUAGES_TINYMCE5;
-
 	RichTextEditor.SUPPORTED_LANGUAGES_DEFAULT_REGIONS = {
 		"zh": "CN",
 		"fr": "FR",
@@ -612,7 +611,6 @@ sap.ui.define([
 
 	// other versions
 	oEditorMapping[RichTextEditor.EDITORTYPE_TINYMCE4] = RichTextEditor.EDITORTYPE_TINYMCE4;
-	oEditorMapping[RichTextEditor.EDITORTYPE_TINYMCE5] = RichTextEditor.EDITORTYPE_TINYMCE5;
 	oEditorMapping[RichTextEditor.EDITORTYPE_TINYMCE6] = RichTextEditor.EDITORTYPE_TINYMCE6;
 	oEditorMapping[RichTextEditor.EDITORTYPE_TINYMCE7] = RichTextEditor.EDITORTYPE_TINYMCE7;
 
@@ -715,6 +713,8 @@ sap.ui.define([
 	 * Returns the current editor's instance.
 	 * 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.
 	 *
+	 * <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>
+	 *
 	 * @returns {object} The native editor object (here: The TinyMCE editor instance)
 	 * @public
 	 */
@@ -1170,8 +1170,7 @@ sap.ui.define([
 		};
 
 		var mapping = {
-			"TinyMCE4": fnMapPluginList(RichTextEditor.DEFAULT_PLUGINS_TINYMCE5),
-			"TinyMCE5": fnMapPluginList(RichTextEditor.DEFAULT_PLUGINS_TINYMCE5),
+			"TinyMCE4": fnMapPluginList(RichTextEditor.DEFAULT_PLUGINS_TINYMCE4),
 			"TinyMCE6": fnMapPluginList(RichTextEditor.DEFAULT_PLUGINS_TINYMCE6),
 			"TinyMCE": fnMapPluginList(RichTextEditor.DEFAULT_PLUGINS_TINYMCE7),
 			"TinyMCE7": fnMapPluginList(RichTextEditor.DEFAULT_PLUGINS_TINYMCE7)
@@ -1182,7 +1181,6 @@ sap.ui.define([
 		var fontButtonGroupButtoNamesMapping = {
 			"TinyMCE": ["fontfamily", "fontsize", "forecolor", "backcolor"],
 			"TinyMCE4": ["fontselect", "fontsizeselect", "forecolor", "backcolor"],
-			"TinyMCE5": ["fontselect", "fontsizeselect", "forecolor", "backcolor"],
 			"TinyMCE6": ["fontfamily", "fontsize", "forecolor", "backcolor"],
 			"TinyMCE7": ["fontfamily", "fontsize", "forecolor", "backcolor"]
 		};
@@ -1266,7 +1264,7 @@ sap.ui.define([
 	 * Switches the editor type and sets the default settings for the editor.
 	 * All plugins and button groups should be set after this has been invoked
 	 *
-	 * @param {string} [sEditorType] Which editor type to be used (currently only TinyMCE 4, 5 and 6)
+	 * @param {string} [sEditorType] Which editor type to be used (currently only TinyMCE 4, 6 and 7)
 	 * @returns {object} Control instance (for method chaining)
 	 * @public
 	 */
@@ -1276,26 +1274,22 @@ sap.ui.define([
 			this.setProperty("editorType", sEditorType);
 			sEditorType = this.getEditorType();
 
-			this._setupToolbar();
-
-			this.setEditorLocation(EDITOR_LOCATION_MAPPING[this.getEditorType()]);
-
 			if (!oEditorMapping[sEditorType]) {
-				Log.error('TinyMCE3 is removed now due to security concerns, please do NOT use it anymore. The framework automatically will load TinyMCE4 since v1.60');
+				this.setProperty("editorType", RichTextEditor.EDITORTYPE_TINYMCE);
+				Log.error('Invalid editorType value set. Fallbacks to latest.');
 			}
 
 			if (oEditorMapping[sEditorType] === "TinyMCE4") {
 				Log.error("TinyMCE version 4 is used as editor. This version is no longer supported by TinyMCE and will be removed in future releases, therefore using it is at your own risk. Please consider upgrading to TinyMCE version 7.");
 			}
 
-			if (oEditorMapping[sEditorType] === "TinyMCE5") {
-				Log.error("TinyMCE version 5 is used as editor type. TinyMCE 5 is deprecated and will be removed from the code entirely in near future.");
-			}
-
 			if (oEditorMapping[sEditorType] === "TinyMCE6") {
-				Log.warning("TinyMCE version 6 is used as editor type. TinyMCE 6 will be deprecated and removed from the code entirely in near future.");
+				Log.error("TinyMCE version 6 is used as editor type. TinyMCE 6 is deprecated as of version 1.108.50 and will be removed from the code entirely in near future.");
 			}
 
+			this._setupToolbar();
+			this.setEditorLocation(EDITOR_LOCATION_MAPPING[sEditorType]);
+
 			this.initTinyMCE();
 		} else {
 			Log.error(
@@ -1332,7 +1326,7 @@ sap.ui.define([
 	 *
 	 * @param {string} [sButtonSeparator] Separator that is used to separate button entries
 	 * @param {string} [sGroupSeparator]  Separator that is used to separate groups of button entries
-	 * @returns {string[]|string} Specific button format. Return an array of strings for TinyMCE 4 and single string for TinyMCE 5
+	 * @returns {string[]|string} Specific button format. Return an array of strings for TinyMCE 4 and single string for higher TinyMCE versions
 	 * @private
 	 */
 	RichTextEditor.prototype._createButtonRowsTinyMCE = function(sButtonSeparator, sGroupSeparator) {
@@ -1537,8 +1531,6 @@ sap.ui.define([
 		switch (sEditorType) {
 			case RichTextEditor.EDITORTYPE_TINYMCE4:
 				return window.tinymce.majorVersion != "4";
-			case RichTextEditor.EDITORTYPE_TINYMCE5:
-				return window.tinymce.majorVersion != "5";
 			case RichTextEditor.EDITORTYPE_TINYMCE6:
 				return window.tinymce.majorVersion != "6";
 			case RichTextEditor.EDITORTYPE_TINYMCE7:
@@ -2020,13 +2012,13 @@ sap.ui.define([
 		}
 
 		if (!bIsTinyMCE4) {
-			// If there is region language in the additional languages supported in TinyMCE5 or higher, return it
-			if (RichTextEditor.SUPPORTED_LANGUAGES_TINYMCE5[sLangStr]) {
+			// If there is region language in the additional languages supported in TinyMCE6 or higher, return it
+			if (RichTextEditor.SUPPORTED_LANGUAGES_TINYMCE6[sLangStr]) {
 				return sLangStr;
 			}
 
-			// If there is language in the additional languages supported in TinyMCE5 or higher, return it
-			if (RichTextEditor.SUPPORTED_LANGUAGES_TINYMCE5[sLanguage]) {
+			// If there is language in the additional languages supported in TinyMCE6 or higher, return it
+			if (RichTextEditor.SUPPORTED_LANGUAGES_TINYMCE6[sLanguage]) {
 				return sLanguage;
 			}
 		}
@@ -2113,7 +2105,7 @@ sap.ui.define([
 
 				if (this._oEditor) {
 					this._oEditor.on('OpenWindow', function(oEvent) {
-						if (!bIsTinyMCE4) { // sets our own id to the newly created dialog, because in TinyMCE5 doesn't set id
+						if (!bIsTinyMCE4) { // sets our own id to the newly created dialog
 							jQuery(".tox-dialog[role='dialog']").attr("id", sDialogId);
 						}
 						var oObject = { id: !bIsTinyMCE4 ? sDialogId : oEvent.win._id};

package/src/sap/ui/richtexteditor/ToolbarWrapper.js

@@ -472,7 +472,7 @@ sap.ui.define([
 							if (oMatchingItem) {
 								oControl.setSelectedItem(oMatchingItem);
 							} else {
-								oControl.setSelectedItem(Core.byId("custom-font-size"));
+								oControl.setSelectedItem(Core.byId(this.getId() + "-custom-font-size"));
 								oControl.getSelectedItem().setText(sOriginalFontSize);
 							}
 						}
@@ -1567,7 +1567,7 @@ sap.ui.define([
 						items: [
 							this._createFontSizeSelectItems(),
 							new Item({
-								id: "custom-font-size",
+								id: this.getId() + "-custom-font-size",
 								enabled: false
 							})
 						],

package/src/sap/ui/richtexteditor/library.js

@@ -34,7 +34,7 @@ sap.ui.define([
 				"sap.ui.richtexteditor.RTESplitButton"
 			],
 			elements: [],
-			version: "1.108.46"
+			version: "1.108.48"
 		});
 
 		/**
@@ -49,6 +49,7 @@ sap.ui.define([
 
 		/**
 		 * Determines which editor component should be used for editing the text.
+		 * <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>
 		 *
 		 * @enum {string}
 		 * @public
@@ -69,17 +70,11 @@ sap.ui.define([
 			 */
 			TinyMCE4: "TinyMCE4",
 
-			/**
-			 * Uses TinyMCE version 5 as editor
-			 * TinyMCE 5 is no longer supported, therefore using it is on your own risk.
-			 * @public
-			 * deprecated since 1.107
-			 */
-			TinyMCE5: "TinyMCE5",
-
 			/**
 			 * Uses TinyMCE version 6 as editor
 			 * @public
+			 * TinyMCE 6 is no longer supported, therefore using it is at your own risk.
+			 * @deprecated As of version 1.108.50 Use the {@link sap.ui.richtexteditor.EditorType.TinyMCE} instead.
 			 */
 			TinyMCE6: "TinyMCE6",
 

package/src/sap/ui/richtexteditor/messagebundle_sl.properties

@@ -21,7 +21,7 @@ UNDERLINE_BUTTON_TOOLTIP=Pod\u010Drtano
 STRIKETHROUGH_BUTTON_TOOLTIP=Pre\u010Drtano
 
 #XTOL: Tooltip for text align menu button
-TEXTALIGN_BUTTON_TOOLTIP=Poravnava teksta
+TEXTALIGN_BUTTON_TOOLTIP=Poravnava besedila
 
 #XTOL: Tooltip for text formatBlock menu button
 FORMAT_BUTTON_TOOLTIP=Oblika