New version 4.0.7 Read more https://github.com/xdan/jodit/blob/main/C…

…HANGELOG.md

.stylelintrc

@@ -1,5 +1,9 @@
 {
-	"extends": ["stylelint-config-standard","stylelint-config-idiomatic-order", "stylelint-prettier/recommended"],
+	"extends": [
+		"stylelint-config-standard",
+		"stylelint-config-idiomatic-order",
+		"stylelint-prettier/recommended"
+	],
 	"customSyntax": "postcss-less",
 	"rules": {
 		"prettier/prettier": true,
@@ -8,6 +12,12 @@
 		"selector-not-notation": null,
 		"selector-class-pattern": null,
 		"no-descending-specificity": null,
+		"selector-pseudo-element-no-unknown": [
+			true,
+			{
+				"ignorePseudoElements": ["highlight"]
+			}
+		],
 		"property-no-unknown": [
 			true,
 			{

CHANGELOG.md

@@ -9,6 +9,11 @@
 > -   :house: [Internal]
 > -   :nail_care: [Polish]
 
+## 4.0.7
+
+- Added `search.useCustomHighlightAPI` option to the "Search" plugin to use the built-in text highlighting API https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API
+  If the browser does not support this API, then standard text highlighting will be used by wrapping it in the `<span jd-tmp-selection>` tag.
+
 ## 4.0.2
 
 -   [BUG: FileBrowser Context Menu Grows Infinitely](https://github.com/xdan/jodit/issues/1059)

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit",
-	"version": "4.0.6",
+	"version": "4.0.7",
 	"description": "Jodit is awesome and usefully wysiwyg editor with filebrowser",
 	"main": "build/jodit.min.js",
 	"types": "./types/index.d.ts",
@@ -108,7 +108,7 @@
 		"ts-loader": "^9.5.1",
 		"ts-node": "^10.9.2",
 		"tslib": "^2.6.2",
-		"typescript": "^5.3.3",
+		"typescript": "^5.4.1-rc",
 		"webpack": "5.89.0",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-middleware": "^7.0.0",

src/langs/fi.js

@@ -10,7 +10,8 @@ module.exports = {
 	'About Jodit': 'Tietoja Jodit:ista',
 	'Jodit Editor': 'Jodit Editor',
 	"Jodit User's Guide": 'Jodit käyttäjän ohje',
-	'contains detailed help for using': 'sisältää tarkempaa tietoa käyttämiseen',
+	'contains detailed help for using':
+		'sisältää tarkempaa tietoa käyttämiseen',
 	'For information about the license, please go to our website:':
 		'Tietoa lisensoinnista, vieraile verkkosivuillamme:',
 	'Buy full version': 'Osta täysi versio',
@@ -81,7 +82,7 @@ module.exports = {
 		'Koodi on HTML:n tapaista. Säilytetäänkö HTML?',
 	'Paste as HTML': 'Liitä HTML:nä?',
 	Keep: 'Säilytä',
-	Clean: 'Tyhjennä',	
+	Clean: 'Tyhjennä',
 	'Insert as Text': 'Lisää tekstinä',
 	'Word Paste Detected': 'Word liittäminen havaittu',
 	'The pasted content is coming from a Microsoft Word/Excel document. Do you want to keep the format or clean it up?':
@@ -225,7 +226,6 @@ module.exports = {
 	'Find Previous': 'Hae edellinen',
 	'Find Next': 'Hae seuraava',
 	'Insert className': 'Lisää luokkanimi',
-	'Press Alt for custom resizing':
-		'Paina Alt muokattuun koon muuttamiseen',
-	'Class name': 'Luokan nimi',
+	'Press Alt for custom resizing': 'Paina Alt muokattuun koon muuttamiseen',
+	'Class name': 'Luokan nimi'
 };

src/plugins/search/config.ts

@@ -27,6 +27,12 @@ declare module 'jodit/config' {
 		search: {
 			lazyIdleTimeout: number;
 
+			/**
+			 * Use custom highlight API https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API
+			 * or use default implementation (wrap text in span and attribute jd-tmp-selection)
+			 */
+			useCustomHighlightAPI: boolean;
+
 			/**
 			 * Function to search for a string within a substring. The default implementation is [[fuzzySearchIndex]]
 			 * But you can write your own. It must implement the [[FuzzySearch]] interface.
@@ -48,7 +54,8 @@ declare module 'jodit/config' {
 
 Config.prototype.useSearch = true;
 Config.prototype.search = {
-	lazyIdleTimeout: 0
+	lazyIdleTimeout: 0,
+	useCustomHighlightAPI: typeof Highlight !== 'undefined'
 };
 
 Icon.set('search', searchIcon);