jodit 3.15.2 → 3.16.2

package/CHANGELOG.MD

@@ -9,6 +9,87 @@
 > -   :house: [Internal]
 > -   :nail_care: [Polish]
 
+## 3.16.2
+
+#### :bug: Bug Fix
+
+-   ["Uncaught TypeError: this.setEditorValue is not a function" with Japanese input method #807](https://github.com/xdan/jodit/issues/807)
+
+## 3.16.1
+
+#### :rocket: New Feature
+
+-   Added `spellcheck` plugin.
+-   Added `Config.pasteHTMLActionList` and `Config.pasteFromWordActionList` options https://github.com/xdan/jodit/issues/802.
+-   Added `Jodit.synchronizeValues()` method. The method synchronizes the WYSIWYG values of the editor
+-   and the original input field. The method works through `Async.throttle`.
+-   Added a new class for working with DOM without blocking the main thread `LazyWalker`
+-   Search engine replace on `LazyWalker`
+-   CleanHTML plugin engine replace on `LazyWalker`
+-   Search plugin now highlights all found options https://github.com/xdan/jodit/issues/798
+-   Added `Jodit.constants` https://github.com/xdan/jodit/issues/806
+
+#### :boom: Breaking Change
+
+-   Renamed `wrap-text-nodes` plugin to `wrap-nodes`
+-   Option `spellcheck` = false by default. This is due to the fact that the built-in spell check slows down the editor very much on large tests.
+-   Enabled `@typescript-eslint/explicit-function-return-type` in eslint
+
+#### :bug: Bug Fix
+
+-   Fixed a bug in the `watch` decorator, when multiple watchers were set, it used only one context
+-   [Default is not working for insert ordered list and insert unordered list #799](https://github.com/xdan/jodit/issues/799)
+-   [In print preview, table border color and background color is not showing #803](https://github.com/xdan/jodit/issues/803)
+
+#### :house: Internal
+
+-   `clean-html` plugin now works via `requestIdleCallback` and doesn't slow down the browser
+
+## 3.15.3
+
+#### :boom: Breaking Change
+
+-   `Observer` module renamed to `History`, accessed via `Jodit.history`
+-   `Jodit.observer` field deprecated and will be removed in future releases
+-   Changed to `history` in `observer` settings. The `observer` field has been deprecated.
+-   Removed `stack` field from `History` class (former `Observer`).
+-   Separated default editor timeout and `history.timeout`. Now the second setting is just for history.
+    Timeouts for all asynchronous operations in Jodit now apply the `defaultTimeout` setting
+
+Before:
+
+```js
+const editor = Jodit.make({
+	observer: {
+		timeout: 122,
+		maxHistoryLength: 100
+	}
+});
+console.log(editor.defaultTimeout); // 122
+editor.observer.stack.clear();
+```
+
+Now:
+
+```js
+const editor = Jodit.make({
+	defaultTimeout: 122,
+	history: {
+		timeout: 1000,
+		maxHistoryLength: 100
+	}
+});
+console.log(editor.defaultTimeout); // 122
+editor.history.clear();
+```
+
+-   When adding information to the editor via `Jodit.value`, the history of changes will be process immediately,
+    without a timeout. Read more https://github.com/xdan/jodit/issues/792
+
+#### :bug: Bug Fix
+
+-   [Colors popup closes when I select the secondary tab (Text) #171](https://github.com/jodit/jodit-react/issues/171)
+
 ## 3.15.2
 
 -   Fixed a bug when it was impossible to select a normal font after selecting any other
@@ -1147,11 +1228,11 @@ Related with https://github.com/xdan/jodit/issues/574. In some cases need to lim
 -   @property {IUIOption[]} link.selectOptionsClassName=[] The list of the option for the select (to use with
     modeClassName="select")
 -   ex: [
--                                                                                                                                                         	{ value: "", text: "" },
--                                                                                                                                                         	{ value: "val1", text: "text1" },
--                                                                                                                                                         	{ value: "val2", text: "text2" },
--                                                                                                                                                         	{ value: "val3", text: "text3" }
--                                                                                                                                                         ]
+-                                                                                                                                                                                                   	{ value: "", text: "" },
+-                                                                                                                                                                                                   	{ value: "val1", text: "text1" },
+-                                                                                                                                                                                                   	{ value: "val2", text: "text2" },
+-                                                                                                                                                                                                   	{ value: "val3", text: "text3" }
+-                                                                                                                                                                                                   ]
     PR: https://github.com/xdan/jodit/pull/577 Thanks @s-renier-taonix-fr
 
 ##### New option `statusbar: boolean = true`
@@ -1462,12 +1543,12 @@ https://github.com/xdan/jodit/issues/359
 ### Features
 
 -   All `less` variables were replaced to css custom properties for modern browsers.
--   Added `WrapTextNodes` plugin - it wrap all alone text node(or inline elements) inside `options.enter` element. You can
+-   Added `WrapNodes` plugin - it wrap all alone text node(or inline elements) inside `options.enter` element. You can
     disable this behaviour:
 
 ```js
 const editor = Jodit.make('#editor', {
-	disablePlugins: ['WrapTextNodes']
+	disablePlugins: ['WrapNodes']
 });
 ```
 

package/CONTRIBUTING.md

@@ -0,0 +1,97 @@
+# Contributing
+
+Jodit is an open source project and we would really appreciate your contributions.
+You can help us by fixing bugs, reporting them, or translating the editor interface.
+
+## TL;DR
+
+```bash
+git clone git@github.com:xdan/jodit.git && cd jodit && npm install
+```
+
+Change code + add autotest in `test/tests/` folder. Run
+
+```bash
+npm run lint && npm test
+```
+
+Fix it and commit your changes:
+
+```bash
+git commit -m "Fixed issue smt"
+git checkout -b i/GITHUB-ISSUE-NUMBER
+git push
+````
+
+In your repository in the GitHub interface, create a pull request.
+
+## Fixing issues and adding features
+
+Before you start, here are some things to keep in mind:
+
+-   We expect contributions to conform to the high quality code standards we follow, including [coding style](#code-style) and [tests](#tests). Lack of attention to this point can either slow down the acceptance of the contribution, or even cause us to reject it completely.
+-   There is no guarantee your contribution will be included in the project code. However, pull requests make it easy for you to keep them for your own use or for others who might be interested in them.
+-   If you need help creating a patch or implementing a feature, please submit a ticket to us on the issue tracker.
+
+### Code style
+
+In order for the code to match the general style, you can simply run prettier:
+
+```bash
+npx prettier ./src/%YOUR_PATCHED_FILE_PATH% --write
+````
+
+It is also important that before you create a PR, you run the command without errors:
+
+```bash
+npm run lint
+```
+
+We follow simple code formatting rules that your IDE or editor will tell you.
+
+### Tests
+
+Before doing any functionality or fixing a bug, you need to create a test for it.
+We follow the [TDD](https://en.wikipedia.orgwikiTest-driven_development) methodology, i.e. first we write an autotest, and then a functional.
+It would be absolutely impossible to maintain our editor without autotests. Therefore, this is one of the most important things you need to do in your PR.
+
+### Creating a pull request
+
+> GitHub provides an [excellent documentation about pull requests](https://help.github.com/categories/collaborating-with-issues-and-pull-requests/). If you are not sure what to do, this is the right place to start.
+
+Assuming that you would like to propose some changes, these are the steps you should take to create a pull request:
+
+1. Make sure to open a ticket in https://github.com/xdan/jodit describing the issue, feature or problem that you want to solve in your pull request. This can be skipped in case of obvious and trivial changes (typos, documentation, etc.).
+2. Go to GitHub and [fork the repository](https://help.github.com/articles/fork-a-repo). The forked repository will appear in your GitHub account as `https://github.com/YOUR-USERNAME/jodit`.
+3. Open your terminal, then go to the package ("repository") folder in your development environment:
+
+```bash
+$ cd path/to/jodit
+```
+
+1. Start a new branch for your code. We use the `i/GITHUB-ISSUE-NUMBER` convention for branch names:
+
+```bash
+$ git checkout -b i/GITHUB-ISSUE-NUMBER
+```
+
+1. Make the changes. Stick to the [code-style guidelines](#code-style) and remember about [tests](#tests)!
+2. Commit your changes:
+
+```bash
+$ git commit -m "Fixed issue smt."
+```
+
+1. Now it is time to make your changes public. First, you need to let `git` know about the fork you created by adding the remote:
+
+```bash
+$ git remote add my-fork https://github.com/YOUR-USERNAME/jodit
+```
+
+1. Push your changes to your forked repository:
+
+```bash
+$ git push my-fork i/GITHUB-ISSUE-NUMBER
+```
+
+1. Go to your forked repository on GitHub. Use the [pull request button](https://help.github.com/articles/about-pull-requests/) and follow the instructions.

package/README.md

@@ -13,7 +13,7 @@ An excellent WYSIWYG editor written in pure TypeScript without the use of additi
 -   [Playground - play with options](https://xdsoft.net/jodit/play.html)
 -   [Documentation](https://xdsoft.net/jodit/docs/)
 -   [Download & Changes](https://github.com/xdan/jodit/releases)
--   [Changelog](https://github.com/xdan/jodit/blob/master/CHANGELOG.MD)
+-   [Changelog](https://github.com/xdan/jodit/blob/master/CHANGELOG.md)
 -   [Examples](https://xdan.github.io/jodit/examples/)
 
 ## Get Started
@@ -71,7 +71,7 @@ And some `<textarea>` element
 After this, you can init Jodit plugin
 
 ```javascript
-var editor = new Jodit('#editor');
+var editor = Jodit.make('#editor');
 editor.value = '<p>start</p>';
 ```
 
@@ -86,7 +86,7 @@ with jQuery
 
 ```javascript
 $('textarea').each(function () {
-	var editor = new Jodit(this);
+	var editor = Jodit.make(this);
 	editor.value = '<p>start</p>';
 });
 ```
@@ -156,7 +156,7 @@ php -S localhost:8181 -t ./
 and set options for Jodit:
 
 ```javascript
-var editor = new Jodit('#editor', {
+var editor = Jodit.make('#editor', {
 	uploader: {
 		url: 'http://localhost:8181/index-test.php?action=fileUpload'
 	},
@@ -181,7 +181,7 @@ Jodit.plugins.yourplugin = function (editor) {
 ### Add custom button
 
 ```javascript
-var editor = new Jodit('.someselector', {
+var editor = Jodit.make('.someselector', {
 	extraButtons: [
 		{
 			name: 'insertDate',
@@ -197,7 +197,7 @@ var editor = new Jodit('.someselector', {
 or
 
 ```javascript
-var editor = new Jodit('.someselector', {
+var editor = Jodit.make('.someselector', {
 	buttons: ['bold', 'insertDate'],
 	controls: {
 		insertDate: {
@@ -253,7 +253,7 @@ Jodit.plugins.add(
 	}
 );
 
-var editor = new Jodit('.someselector', {
+var editor = Jodit.make('.someselector', {
 	buttons: ['bold', 'insertText'],
 	controls: {
 		insertText: {

package/build/jodit.css

@@ -1,14 +1,14 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.15.2
+ * Version: v3.16.2
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
 	/*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.15.2
+ * Version: v3.16.2
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -5209,21 +5209,17 @@ html.jodit_fullsize-box_true {
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-.jodit-search {
+.jodit-ui-search {
   position: absolute;
   top: 0;
   right: 0;
   width: 0;
   height: 0;
-  visibility: hidden;
 }
-.jodit-search_sticky {
+.jodit-ui-search_sticky_true {
   position: fixed;
 }
-.jodit-search.jodit-search_active {
-  visibility: visible;
-}
-.jodit-search .jodit-search__box {
+.jodit-ui-search__box {
   position: absolute;
   right: 0;
   display: -webkit-box;
@@ -5236,7 +5232,7 @@ html.jodit_fullsize-box_true {
   border-width: 0 0 1px 1px;
   background-color: #f9f9f9;
 }
-.jodit-search .jodit-search__box input {
+.jodit-ui-search__box input {
   width: 100%;
   height: 100%;
   padding: 0 8px;
@@ -5245,26 +5241,26 @@ html.jodit_fullsize-box_true {
   background-color: transparent;
   outline: none;
 }
-.jodit-search .jodit-search__box input[data-ref='replace'] {
+.jodit-ui-search__box input[data-ref='replace'] {
   display: none;
 }
-.jodit-search .jodit-search__box input:not(:focus) + input:not(:focus) {
+.jodit-ui-search__box input:not(:focus) + input:not(:focus) {
   border-top: 1px solid #dadada;
 }
-.jodit-search .jodit-search__box .jodit-search__buttons {
+.jodit-ui-search__buttons {
   height: 30px;
 }
-.jodit-search .jodit-search__box .jodit-search__counts {
+.jodit-ui-search__counts {
   height: 30px;
 }
-.jodit-search .jodit-search__box .jodit-search__inputs {
+.jodit-ui-search__inputs {
   height: 30px;
 }
-.jodit-search .jodit-search__box .jodit-search__inputs {
+.jodit-ui-search__inputs {
   width: 60%;
   padding-right: calc(8px / 2);
 }
-.jodit-search .jodit-search__box .jodit-search__counts {
+.jodit-ui-search__counts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5278,7 +5274,7 @@ html.jodit_fullsize-box_true {
   border-left: 1px solid #dadada;
   color: #dadada;
 }
-.jodit-search .jodit-search__box .jodit-search__buttons {
+.jodit-ui-search__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5293,65 +5289,75 @@ html.jodit_fullsize-box_true {
           justify-content: center;
   padding-left: 0;
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button {
+.jodit-ui-search__buttons button {
   width: 32%;
   height: 100%;
   border: 1px solid transparent;
   margin-right: 1%;
   background-color: transparent;
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button[data-ref='replace-btn'] {
+.jodit-ui-search__buttons button[data-ref='replace-btn'] {
   display: none;
   width: 100%;
   border: 1px solid #dadada;
   margin-top: 2px;
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button:hover {
+.jodit-ui-search__buttons button:hover {
   background-color: #ecebe9;
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button:focus {
+.jodit-ui-search__buttons button:focus {
   border: 1px solid rgba(181, 214, 253, 0.5);
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button:active {
+.jodit-ui-search__buttons button:active {
   border: 1px solid #b5d6fd;
   -webkit-transform: scale(0.95, 0.95);
       -ms-transform: scale(0.95, 0.95);
           transform: scale(0.95, 0.95);
 }
-.jodit-search.jodit-search_replace .jodit-search__counts {
+.jodit-ui-search_empty-query_true [data-ref='next'],
+.jodit-ui-search_empty-query_true [data-ref='prev'] {
+  opacity: 0.5;
+}
+.jodit-ui-search_replace_true .jodit-ui-search__counts {
   height: calc(30px * 2);
 }
-.jodit-search.jodit-search_replace .jodit-search__inputs {
+.jodit-ui-search_replace_true .jodit-ui-search__inputs {
   height: calc(30px * 2);
 }
-.jodit-search.jodit-search_replace .jodit-search__counts input {
+.jodit-ui-search_replace_true .jodit-ui-search__counts input {
   height: 50%;
   -webkit-transition: background-color 0.1s linear;
   -o-transition: background-color 0.1s linear;
   transition: background-color 0.1s linear;
 }
-.jodit-search.jodit-search_replace .jodit-search__inputs input {
+.jodit-ui-search_replace_true .jodit-ui-search__inputs input {
   height: 50%;
   -webkit-transition: background-color 0.1s linear;
   -o-transition: background-color 0.1s linear;
   transition: background-color 0.1s linear;
 }
-.jodit-search.jodit-search_replace .jodit-search__counts input:focus {
+.jodit-ui-search_replace_true .jodit-ui-search__counts input:focus {
   -webkit-box-shadow: inset 0 0 3px 0 #dadada;
           box-shadow: inset 0 0 3px 0 #dadada;
 }
-.jodit-search.jodit-search_replace .jodit-search__inputs input:focus {
+.jodit-ui-search_replace_true .jodit-ui-search__inputs input:focus {
   -webkit-box-shadow: inset 0 0 3px 0 #dadada;
           box-shadow: inset 0 0 3px 0 #dadada;
 }
-.jodit-search.jodit-search_replace .jodit-search__buttons {
+.jodit-ui-search_replace_true .jodit-ui-search__counts input[data-ref='replace'],
+.jodit-ui-search_replace_true .jodit-ui-search__inputs input[data-ref='replace'] {
+  display: block;
+}
+.jodit-ui-search_replace_true .jodit-ui-search__buttons {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.jodit-search.jodit-search_replace .jodit-search__inputs input[data-ref='replace'],
-.jodit-search.jodit-search_replace .jodit-search__buttons button[data-ref='replace-btn'] {
+.jodit-ui-search_replace_true .jodit-ui-search__buttons button[data-ref='replace-btn'] {
   display: block;
 }
+[jd-tmp-selection] {
+  background-color: aquamarine;
+}
 
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)

package/build/jodit.es2018.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.15.2
+ * Version: v3.16.2
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -4338,21 +4338,17 @@ html.jodit_fullsize-box_true {
   --jd-transform-button-active: 0.95;
   --jd-timeout-button-active: 0.1s;
 }
-.jodit-search {
+.jodit-ui-search {
   position: absolute;
   top: 0;
   right: 0;
   width: 0;
   height: 0;
-  visibility: hidden;
 }
-.jodit-search_sticky {
+.jodit-ui-search_sticky_true {
   position: fixed;
 }
-.jodit-search.jodit-search_active {
-  visibility: visible;
-}
-.jodit-search .jodit-search__box {
+.jodit-ui-search__box {
   position: absolute;
   right: 0;
   display: flex;
@@ -4363,7 +4359,7 @@ html.jodit_fullsize-box_true {
   border-width: 0 0 1px 1px;
   background-color: var(--jd-color-panel);
 }
-.jodit-search .jodit-search__box input {
+.jodit-ui-search__box input {
   width: 100%;
   height: 100%;
   padding: 0 var(--jd-padding-default);
@@ -4372,22 +4368,22 @@ html.jodit_fullsize-box_true {
   background-color: transparent;
   outline: none;
 }
-.jodit-search .jodit-search__box input[data-ref='replace'] {
+.jodit-ui-search__box input[data-ref='replace'] {
   display: none;
 }
-.jodit-search .jodit-search__box input:not(:focus) + input:not(:focus) {
+.jodit-ui-search__box input:not(:focus) + input:not(:focus) {
   border-top: 1px solid var(--jd-color-border);
 }
-.jodit-search .jodit-search__box .jodit-search__buttons,
-.jodit-search .jodit-search__box .jodit-search__counts,
-.jodit-search .jodit-search__box .jodit-search__inputs {
+.jodit-ui-search__buttons,
+.jodit-ui-search__counts,
+.jodit-ui-search__inputs {
   height: var(--jd-height-search);
 }
-.jodit-search .jodit-search__box .jodit-search__inputs {
+.jodit-ui-search__inputs {
   width: var(--jd-width-search-input-box);
   padding-right: calc(var(--jd-padding-default) / 2);
 }
-.jodit-search .jodit-search__box .jodit-search__counts {
+.jodit-ui-search__counts {
   display: flex;
   width: var(--jd-width-search-count-box);
   align-items: center;
@@ -4395,56 +4391,66 @@ html.jodit_fullsize-box_true {
   border-left: 1px solid var(--jd-color-border);
   color: var(--jd-color-border);
 }
-.jodit-search .jodit-search__box .jodit-search__buttons {
+.jodit-ui-search__buttons {
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
   padding-left: 0;
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button {
+.jodit-ui-search__buttons button {
   width: 32%;
   height: 100%;
   border: 1px solid transparent;
   margin-right: 1%;
   background-color: transparent;
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button[data-ref='replace-btn'] {
+.jodit-ui-search__buttons button[data-ref='replace-btn'] {
   display: none;
   width: 100%;
   border: 1px solid var(--jd-color-border);
   margin-top: 2px;
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button:hover {
+.jodit-ui-search__buttons button:hover {
   background-color: var(--jd-color-background-button-hover);
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button:focus {
+.jodit-ui-search__buttons button:focus {
   border: 1px solid var(--jd-color-background-selection_opacity50);
 }
-.jodit-search .jodit-search__box .jodit-search__buttons button:active {
+.jodit-ui-search__buttons button:active {
   border: 1px solid var(--jd-color-background-selection);
   transform: scale(var(--jd-transform-button-active), var(--jd-transform-button-active));
 }
-.jodit-search.jodit-search_replace .jodit-search__counts,
-.jodit-search.jodit-search_replace .jodit-search__inputs {
+.jodit-ui-search_empty-query_true [data-ref='next'],
+.jodit-ui-search_empty-query_true [data-ref='prev'] {
+  opacity: 0.5;
+}
+.jodit-ui-search_replace_true .jodit-ui-search__counts,
+.jodit-ui-search_replace_true .jodit-ui-search__inputs {
   height: calc(var(--jd-height-search) * 2);
 }
-.jodit-search.jodit-search_replace .jodit-search__counts input,
-.jodit-search.jodit-search_replace .jodit-search__inputs input {
+.jodit-ui-search_replace_true .jodit-ui-search__counts input,
+.jodit-ui-search_replace_true .jodit-ui-search__inputs input {
   height: 50%;
   transition: background-color var(--jd-timeout-button-active) linear;
 }
-.jodit-search.jodit-search_replace .jodit-search__counts input:focus,
-.jodit-search.jodit-search_replace .jodit-search__inputs input:focus {
+.jodit-ui-search_replace_true .jodit-ui-search__counts input:focus,
+.jodit-ui-search_replace_true .jodit-ui-search__inputs input:focus {
   box-shadow: inset 0 0 3px 0 var(--jd-color-border);
 }
-.jodit-search.jodit-search_replace .jodit-search__buttons {
+.jodit-ui-search_replace_true .jodit-ui-search__counts input[data-ref='replace'],
+.jodit-ui-search_replace_true .jodit-ui-search__inputs input[data-ref='replace'] {
+  display: block;
+}
+.jodit-ui-search_replace_true .jodit-ui-search__buttons {
   flex-wrap: wrap;
 }
-.jodit-search.jodit-search_replace .jodit-search__inputs input[data-ref='replace'],
-.jodit-search.jodit-search_replace .jodit-search__buttons button[data-ref='replace-btn'] {
+.jodit-ui-search_replace_true .jodit-ui-search__buttons button[data-ref='replace-btn'] {
   display: block;
 }
+[jd-tmp-selection] {
+  background-color: aquamarine;
+}
 
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)