# Changelog > **Tags:** > > - :boom: [Breaking Change] > - :rocket: [New Feature] > - :bug: [Bug Fix] > - :memo: [Documentation] > - :house: [Internal] > - :nail_care: [Polish] ## 4.7.6 #### :boom: Breaking Change - **`@autobind` decorator now only supports methods, not classes** - Replaced external `autobind-decorator` dependency with internal implementation - The old package is no longer maintained (last release was 7 years ago) - **Migration Option 1** (Recommended): Apply `@autobind` to individual methods: ```typescript // Before (no longer supported): @autobind class MyClass { method1() { } method2() { } } // After: class MyClass { @autobind method1() { } @autobind method2() { } } ``` - **Migration Option 2** (If you need class-level binding): Install and use the original package directly: ```bash npm install autobind-decorator ``` ```typescript import autobind from 'autobind-decorator'; @autobind class MyClass { method1() { } method2() { } } ``` Note: `autobind-decorator` package is no longer maintained, but it still works if you need class-level binding. - Internal affected files: `data-provider.ts`, `resize-handler.ts`, `size.ts`, `recognize-manager.ts` ## 4.7.5 #### :rocket: New Feature - Added method `uploader.customUploadFunction`. This method can be used to replace the function of uploading files ```javascript Jodit.make('#editor', { uploader: { customUploadFunction: (requestData, showProgress) => fetch(requestData).then(res => { showProgress(100); return res.json(); }) } }); ``` ## 4.7.1 #### :boom: Breaking Change - For es5 build, polyfills are not included by default anymore. You can include them manually by importing `jodit/es5/polyfills.min.js` - Use `swc-loader` for build instead of `ts-loader` for better performance and smaller bundle size. #### :house: Internal ``` @eslint/compat ^1.3.2 → ^1.4.0 @eslint/js ^9.35.0 → ^9.38.0 @playwright/test ^1.55.1 → ^1.56.1 @types/node ^24.5.1 → ^24.9.1 @typescript-eslint/eslint-plugin ^8.44.0 → ^8.46.2 @typescript-eslint/parser ^8.44.0 → ^8.46.2 chai ^6.0.1 → ^6.2.0 core-js ^3.45.1 → ^3.46.0 cross-env ^10.0.0 → ^10.1.0 dotenv ^17.2.2 → ^17.2.3 eslint ^9.35.0 → ^9.38.0 eslint-plugin-mocha ^11.1.0 → ^11.2.0 less ^4.4.1 → ^4.4.2 mocha ^11.7.2 → ^11.7.4 stylelint ^16.24.0 → ^16.25.0 stylelint-config-standard ^39.0.0 → ^39.0.1 tsx ^4.20.5 → ^4.20.6 typescript ^5.9.2 → ^5.9.3 webpack 5.101.3 → 5.102.1 webpack-dev-middleware ^7.4.3 → ^7.4.5 ``` ## 4.6.18 #### :bug: Bug Fix - Enhance class name handling in link plugin - Improved appearance of the multiple choice select ## 4.6.17 #### :bug: Bug Fix - Fixed issue with adding class names to links when multiple selection options were involved. - Corrected the logic for selecting multiple class names from a dropdown. - Ensured that links are created with all selected class names applied. - Updated tests to verify the correct behavior of link creation with multiple class names. ## 4.6.16 #### :bug: Bug Fix - blank lines are being inserted[#1294](https://github.com/xdan/jodit/issues/1294) ## 4.6.15 #### :rocket: New Feature and :boom: Breaking Change - Added `table.splitBlockOnInsertTable` option to control table insertion behavior ([#1295](https://github.com/xdan/jodit/issues/1295)) - When `true` (default): splits the current block when inserting a table - When `false`: inserts table after the current block without splitting it ## 4.6.14 - Add lineHeight support to copy-format plugin and update tests ## 4.6.13 #### :bug: Bug Fix - Fixed HTML structure destruction when applying inline styles to partial text selections within block elements - Prevented block elements (divs, paragraphs) from being split into multiple fragments when applying inline styles - Modified style application to create proper span wrappers inside existing elements instead of extracting parts - Preserves block element structure while allowing style application (PR #1284) ## 4.6.12 #### :boom: Breaking Change Remove reconcileArrays functionality and associated tests ## 4.6.7 #### :rocket: New Feature - Added ability to insert UI elements at specific index positions in UIGroup using the `append` method - `group.append(element, 0)` - inserts at the beginning - `group.append(element, index)` - inserts at specific position - Maintains backward compatibility with existing `append(element, distElement)` usage - Added array reconciliation utilities in `core/helpers/array` - `reconcileArrays` - compares two arrays and returns differences (added, removed, kept, moved items) - `applyArrayReconciliation` - applies reconciliation patches to transform one array into another - Supports both primitive arrays and object arrays with custom key functions - Useful for efficient list updates and state management ## 4.6.6 #### :house: Internal - Updated Playwright version to 1.55.0 - Updated screenshot snapshots for message and link popup tests ## 4.6.5 #### :house: Internal - Translation improvements and updates ## 4.6.4 #### :house: Internal - Refactor translation files for improved readability and consistency - Added missing translations and language updates ## 4.6.3 #### :house: Internal - Community contributions and localization improvements ## 4.6.2 #### :house: Internal - When the option is turned on `extraPlugins`. If the plugin module does not find the desired plugin, then it tries to load it from the same folder where the plugin itself. For example, if you connect the Jodit script from `./node_moudules/jodit/es2018/jodit.js` and you have a plugin `./node_moudules/jodit/es2018/plugins/my-plugin/` ````js Jodit.make ('#Editor', { extraPlugins: ['my-plugin'] // Will Be Loaded from ./node_modules/jodit/plugins/my-plugin/my-plugin.js }); `` ` But now if you connect Jodit from `./node_moudules/jodit/es2018/jodit.min.js` then the plugin will be loaded from `./node_modules/jodit/es2018/plugins/my-plugin/my-plugin.min.js` ```js Jodit.make ('#Editor', { extraPlugins: ['my-plugin'] // Will Be Loaded from ./node_modules/jodit/plugins/my-plugin/my-plugin.min.js }); `` ` ```` ## 4.6.1 #### :boom: Breaking Change - ESM assembly uses the flag fat_mode = true Before in ESM build: ```js console.log(Jodit.constants.FAT_MODE); // false` console.log(Jodit.fatMode); // false` ``` Now: ```js console.log(Jodit.constants.FAT_MODE); // true` console.log(Jodit.fatMode); // true` ``` ## 4.5.20 #### :house: Internal ``` @eslint/eslintrc ^3.3.0 → ^3.3.1 @eslint/js ^9.22.0 → ^9.23.0 @playwright/test ^1.51.0 → ^1.51.1 @swc/core ^1.11.8 → ^1.11.12 @types/node ^22.13.10 → ^22.13.11 @typescript-eslint/eslint-plugin ^8.26.1 → ^8.27.0 @typescript-eslint/parser ^8.26.1 → ^8.27.0 axios ^1.8.2 → ^1.8.4 eslint ^9.22.0 → ^9.23.0 stylelint ^16.15.0 → ^16.16.0 ``` ## 4.5.19 #### :house: Internal ``` @eslint/compat ^1.2.6 → ^1.2.7 @eslint/eslintrc ^3.2.0 → ^3.3.0 @eslint/js ^9.20.0 → ^9.22.0 @playwright/test ^1.50.1 → ^1.51.0 @swc/core ^1.10.16 → ^1.11.8 @types/node ^22.13.4 → ^22.13.10 @typescript-eslint/eslint-plugin ^8.24.0 → ^8.26.1 @typescript-eslint/parser ^8.24.0 → ^8.26.1 autoprefixer ^10.4.20 → ^10.4.21 axios ^1.7.9 → ^1.8.2 core-js ^3.40.0 → ^3.41.0 css-minimizer-webpack-plugin ^7.0.0 → ^7.0.2 eslint ^9.20.1 → ^9.22.0 eslint-config-prettier ^10.0.1 → ^10.1.1 globals ^15.15.0 → ^16.0.0 postcss >=8.5.2 → >=8.5.3 prettier ^3.5.1 → ^3.5.3 stylelint ^16.14.1 → ^16.15.0 terser-webpack-plugin ^5.3.11 → ^5.3.14 tsx ^4.19.2 → ^4.19.3 typescript ^5.7.3 → ^5.8.2 ``` ## 4.5.17 ### :rocket: New Feature - In Readonly mode, the ability to disable navigation by links has been added. By default, the option is enabled. ```js const editor = Jodit.make('#editor', { readonly: true, link: { preventReadOnlyNavigation: true } }); ``` ## 4.5.12 #### :house: Internal ``` @eslint/compat ^1.2.3 → ^1.2.6 @eslint/js ^9.16.0 → ^9.20.0 @playwright/test ^1.49.0 → ^1.50.1 @swc/core ^1.10.11 → ^1.10.16 @types/node ^22.10.1 → ^22.13.4 @typescript-eslint/eslint-plugin ^8.16.0 → ^8.24.0 @typescript-eslint/parser ^8.16.0 → ^8.24.0 axios ^1.7.8 → ^1.7.9 compression ^1.7.5 → ^1.8.0 core-js ^3.39.0 → ^3.40.0 dotenv ^16.4.5 → ^16.4.7 eslint ^9.16.0 → ^9.20.1 eslint-config-prettier ^9.1.0 → ^10.0.1 eslint-plugin-prettier ^5.2.1 → ^5.2.3 glob ^11.0.0 → ^11.0.1 globals ^15.12.0 → ^15.15.0 less ^4.2.1 → ^4.2.2 mocha ^10.8.2 → ^11.1.0 postcss >=8.4.49 → >=8.5.2 prettier ^3.4.1 → ^3.5.1 stylelint ^16.11.0 → ^16.14.1 stylelint-config-standard ^36.0.1 → ^37.0.0 stylelint-prettier ^5.0.2 → ^5.0.3 terser-webpack-plugin ^5.3.10 → ^5.3.11 ts-loader ^9.5.1 → ^9.5.2 typescript ^5.7.2 → ^5.7.3 webpack 5.96.1 → 5.98.0 webpack-cli ^5.1.4 → ^6.0.1 webpack-dev-server ^5.1.0 → ^5.2.0 ``` ## 4.5.10 #### :house: Internal - Shit of the Chai JS module to the browser because the developers decided not to support the assembly for browsers anymore ### :rocket: New Feature - Added API launching tasks for schedule with a reference on https://wicg.github.io/scheduling-apis/ - [LazyWalker](https://xdsoft.net/jodit/docs/modules/dom.html#lazywalker) module now uses the new API for scheduling tasks ```js const editor = Jodit.make('#editor'); editor.schedulePostTask( () => { console.log('Task 1'); }, { priority: 'user-blocking' } ); ``` ## 4.5.5 ### :rocket: New Feature - Added the ability to add their html inserts to the plugin `paste` ```js Jodit.make('#editor', { events: { onCustomPasteHTMLOption: (action, html) => { if (action === 'custom') { const div = document.createElement('div'); div.innerHTML = html; const spans = div.querySelectorAll('span'); for (let i = 0; i < spans.length; i++) { const span = spans[i]; const p = document.createElement('p'); p.innerHTML = span.innerHTML; span.parentNode.replaceChild(p, span); } return div.innerHTML; } } }, pasteHTMLActionList: [ { text: 'Custom', value: 'custom' } ] }); ``` ## 4.5.4 #### :house: Internal - ESM build is going to the ES2018 target, not ES2020. This is due to the fact that the ES2020 target is not supported by all browsers. The ES2018 target is supported by all modern browsers. If you need to support older browsers, you can use the ES5 build. ## 4.5.2 ### :rocket: New Feature - Added plugins/all.js for ESM build ```js import { Jodit } from 'jodit/esm/index.js'; console.log(Jodit.plugins.size); // 21 See. https://github.com/xdan/jodit/blob/main/tools/utils/resolve-alias-imports.ts#L81 import 'jodit/esm/plugins/all.js'; console.log(Jodit.plugins.size); // 62 and more in the future ``` ## 4.5.1 #### :boom: Breaking Change - If the `cleanHTML.allowTags` option was set, then this did not affect `cleanHTML.denyTags`. Now if both options are set, then `cleanHTML.denyTags` will only be applied to those tags that are not indicated in `cleanHTML.allowTags` ```js Jodit.make('#editor', { cleanHTML: { allowTags: 'script,p', // Only Script and P tags will be allowed denyTags: 'script,img' // This option is completely ignored } }); ``` ## 4.4.8 ### :bug: Bug Fix - Fixed an error when in Jodit in the line transfer mode BR, when the indent button pressed the element was removed ## 4.3.1 #### :boom: Breaking Change - Added the `popupRoot` option for all `IViewBased` classes (`Dialog`, `Jodit`, `FileBrowser`). Allows you to specify the parental element of dialogs and popup windows. - If the option is not specified, then when creating a dialogue, there is a bypass of a tree, starting with the editor. If an element is found `dialog` or eny element with `position: fixed` or `position: absolute`, then it is used as a parent. - Also, `shadowRoot` can be used as a `popupRoot` Those. Parent search priorities: 1. `popupRoot` option 2. `shadowRoot` option 3. The closest element `dialog` or with style `position: fixed` or `position: absolute` 4. document.body This is necessary in cases where Jodit is displayed inside the dialog windows with a focus interception. For example, when inserting in [mui dialog] (https://mui.com/material-ui/react-dialog/) If this is your situation, then in most cases you won't need to do anything, as Jodit will find the correct parent element on its own. But if your code logic was configured specifically to insert into `document.body`, then you will need to explicitly specify `popupRoot: document.body` ```typescript const editor = Jodit.make('#editor', { popupRoot: document.body }); ``` ## 4.2.48 ### :bug: Bug Fix - [Source code mode: When the text area is resized, the number of visible code view lines does not dynamically adjust #1206](https://github.com/xdan/jodit/issues/1206) #### :house: Internal - Use typings for `options` in `Jodti.make(element, options)` method Before: ```typescript class Jodit { static make(element: HTMLElement | string, options?: object): Jodit { //... } } ``` After: ```typescript class Jodit { static make( element: HTMLElement | string, options?: DeepPartial ): Jodit { //... } } ``` ## 4.2.45 - Fixed bug with RTL mode when all dialogs were opened without RTL mode ## 4.2.44 ### :rocket: New Feature - Added method `Jodit.modules.Helpers.ConfigDeepFlatten` it allows make plain object from prototype chain object. ```typescript const editor = Jodit.make('#editor', { image: { dialogWidth: 500 } }); console.log(editor.o.image.openOnDblClick); // true // But you can't get all options in plain object console.log(JSON.stringify(editor.o.image)); // {"dialogWidth":500} const plain = Jodit.modules.Helpers.ConfigDeepFlatten(editor.o.image); console.log(JSON.stringify(plain)); // {"dialogWidth":500, "openOnDblClick": true, "editSrc": true, ...} ``` #### :house: Internal - Update dependencies ```plain @eslint/compat ^1.2.2 → ^1.2.3 @eslint/eslintrc ^3.1.0 → ^3.2.0 @eslint/js ^9.14.0 → ^9.16.0 @playwright/test ^1.48.2 → ^1.49.0 @types/mocha ^10.0.9 → ^10.0.10 @types/node ^22.8.7 → ^22.10.1 @typescript-eslint/eslint-plugin ^8.12.2 → ^8.16.0 @typescript-eslint/parser ^8.12.2 → ^8.16.0 axios ^1.7.7 → ^1.7.8 eslint ^9.14.0 → ^9.16.0 eslint-plugin-tsdoc ^0.3.0 → ^0.4.0 globals ^15.11.0 → ^15.12.0 less ^4.2.0 → ^4.2.1 postcss >=8.4.47 → >=8.4.49 prettier ^3.3.3 → ^3.4.1 stylelint ^16.10.0 → ^16.11.0 typescript ^5.6.3 → ^5.7.2 ``` ## 4.2.42 ### :rocket: New Feature - With the symbols plugin you can use the Shift key to select multiple symbols. [special character #1194](https://github.com/xdan/jodit/issues/1194) ### :bug: Bug Fix - Fixed a bug in the logic of the ControlType.popup method; if the method did not return anything, it could be used as an alternative to `exec`. But when called again it did not work. - Fixed logic in the symbols plugin - [Does it have an API for closing record operations #1193](https://github.com/xdan/jodit/issues/1193) ## 4.2.41 ### :rocket: New Feature - Related issue: [The video plugin only support content from youtube and vimeo #1170](https://github.com/xdan/jodit/issues/1170) Added options `video.defaultWidth`, `video.defaultHeight`, and `video.parseUrlToVideoEmbed` to the video plugin. The `parseUrlToVideoEmbed` option allows you to add your own video parser. ```ts Jodit.make('#editor', { buttons: 'video', video: { defaultWidth: 560, // Default: 400 defaultHeight: 315, // Default: 345 parseUrlToVideoEmbed: (url, size) => { // Add your own video provider if (/https:\/\/sitename\.com/.test(url)) { return ``; } return Jodit.modules.Helpers.convertMediaUrlToVideoEmbed( url, size ); } }, controls: { video: { tooltip: 'Insert video' } } }); ``` ## 4.2.40 ### :bug: Bug Fix - [Toolbar Customization Issue When Selecting Text Inside Table Cells](https://github.com/xdan/jodit/issues/1131) - Fixed a bug when the tooltip remained on the screen when its popup was already closed - [Inline popup tooltips are not visible #1141](https://github.com/xdan/jodit/issues/1141) - Fixed a bug in the Enter plugin where inside a table you had to press Enter twice to create a new row ## 4.2.39 #### :house: Internal - Chai.js switched to ESM from version 5.0.0, which led to problems with tests inside browser. To solve the problem, we abandoned node_modules version and switched to jsdelivr+esm We are not removing the dependency yet, see `./test/tests/chai-loader.js` - Update dependencies ```plain @eslint/compat ^1.2.0 → ^1.2.2 @eslint/js ^9.12.0 → ^9.14.0 @playwright/test ^1.48.0 → ^1.48.2 @types/karma ^6.3.8 → ^6.3.9 @types/node ^20.16.11 → ^22.8.7 @typescript-eslint/eslint-plugin ^8.8.1 → ^8.12.2 @typescript-eslint/parser ^8.8.1 → ^8.12.2 compression ^1.7.4 → ^1.7.5 core-js ^3.38.1 → ^3.39.0 eslint ^9.12.0 → ^9.14.0 mini-css-extract-plugin ^2.9.1 → ^2.9.2 mocha ^10.7.3 → ^10.8.2 tslib ^2.7.0 → ^2.8.1 tsx ^4.19.1 → ^4.19.2 webpack 5.95.0 → 5.96.1 ``` ## 4.2.38 ### :bug: Bug Fix - Fixed behavior of form submit with its own validation ## 4.2.37 ### :bug: Bug Fix - [Bug: this.j.o.resizer is undefined in jodit version 4 #1166](https://github.com/xdan/jodit/issues/1166) ## 4.2.35 ### :bug: Bug Fix - [Edit Link bugg when there is a iframe #1176](https://github.com/xdan/jodit/issues/1176) ## 4.2.34 ### :bug: Bug Fix - [Bug UL and OL list not working corretly with option "enter":"BR" #1178](https://github.com/xdan/jodit/issues/1178) ## 4.2.33 ### :bug: Bug Fix - Fixed bug inside Search plugin with Highlight API. When selection was not cleared ## 4.2.32 ### :rocket: New Feature - Added option `iframeSandbox: string | null = null;` Apply the `sandbox` attribute to the iframe element. The value of the attribute is a space-separated list of directives. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox Issue: https://github.com/xdan/jodit/issues/1186 ```typescript Jodit.make('#editor', { iframe: true, iframeSandbox: 'allow-scripts allow-same-origin' }); ``` #### :house: Internal - Move to ESLint 9 - Update dependencies ```plain @playwright/test ^1.45.0 → ^1.48.0 @types/mocha ^10.0.7 → ^10.0.9 @types/node ^20.14.9 → ^22.7.5 @types/yargs ^17.0.32 → ^17.0.33 @typescript-eslint/eslint-plugin ^7.14.1 → ^8.8.1 @typescript-eslint/parser ^7.14.1 → ^8.8.1 autoprefixer ^10.4.19 → ^10.4.20 axios ^1.7.2 → ^1.7.7 core-js ^3.37.1 → ^3.38.1 cssnano-preset-advanced ^7.0.3 → ^7.0.6 eslint ^8.57.0 → ^9.12.0 eslint-plugin-import ^2.29.1 → ^2.31.0 eslint-plugin-mocha ^10.4.3 → ^10.5.0 eslint-plugin-prettier ^5.1.3 → ^5.2.1 eslint-plugin-simple-import-sort ^12.1.0 → ^12.1.1 glob ^10.4.2 → ^11.0.0 karma ^6.4.3 → ^6.4.4 mini-css-extract-plugin ^2.9.0 → ^2.9.1 mocha ^10.5.1 → ^10.7.3 node-jq ^4.4.0 → ^6.0.1 postcss >=8.4.38 → >=8.4.47 prettier ^3.3.2 → ^3.3.3 stylelint ^16.6.1 → ^16.10.0 stylelint-prettier ^5.0.0 → ^5.0.2 tslib ^2.6.3 → ^2.7.0 typescript ^5.5.2 → ^5.6.3 webpack 5.92.1 → 5.95.0 webpack-dev-middleware ^7.2.1 → ^7.4.2 webpack-dev-server ^5.0.4 → ^5.1.0 ``` ## 4.2.28 ### :rocket: New Feature - Added option `countTextSpaces: boolean = false;` Issue https://github.com/xdan/jodit/issues/1144 ```typescript Jodit.make('#editor', { countTextSpaces: true }); ``` ### :bug: Bug Fix - [Menu Item Popups Hidden when Jodit is inside an element #1146](https://github.com/xdan/jodit/issues/1146) #### :house: Internal - Use node 20 for build - Update dependencies ```plain @playwright/test ^1.43.1 → ^1.45.0 @types/mocha ^10.0.6 → ^10.0.7 @types/node ^20.12.5 → ^20.14.9 @typescript-eslint/eslint-plugin ^7.5.0 → ^7.14.1 @typescript-eslint/parser ^7.5.0 → ^7.14.1 axios ^1.6.8 → ^1.7.2 core-js ^3.36.1 → ^3.37.1 css-loader ^7.0.0 → ^7.1.2 css-minimizer-webpack-plugin ^6.0.0 → ^7.0.0 cssnano-preset-advanced ^6.1.2 → ^7.0.3 eslint-plugin-mocha ^10.4.1 → ^10.4.3 eslint-plugin-simple-import-sort ^12.0.0 → ^12.1.0 eslint-plugin-tsdoc ^0.2.17 → ^0.3.0 glob ^10.3.12 → ^10.4.2 mini-css-extract-plugin ^2.8.1 → ^2.9.0 mocha ^10.4.0 → ^10.5.1 node-jq ^4.3.1 → ^4.4.0 prettier ^3.2.5 → ^3.3.2 style-loader ^3.3.4 → ^4.0.0 stylelint ^16.3.1 → ^16.6.1 stylelint-config-standard ^36.0.0 → ^36.0.1 tslib ^2.6.2 → ^2.6.3 typescript ^5.4.5 → ^5.5.2 webpack 5.91.0 → 5.92.1 ``` ## 4.2.26 ### :bug: Bug Fix - [Table dragging creates an issue #1128](https://github.com/xdan/jodit/issues/1128) - AddNewLine plugin shown incorrect position after CleanHTML plugin - Inserting a new table - added extra spaces before the table - When merging multiple table cells after the TR tag, the CleanHTML plugin added `
` - [Inline popup tooltips are not visible #1141](https://github.com/xdan/jodit/issues/1141) - [space key issues #1143](https://github.com/xdan/jodit/issues/1143) ## 4.2.25 ### :rocket: New Feature - [add ukrainian localization #1142](https://github.com/xdan/jodit/pull/1142) ## 4.2.22 ### :bug: Bug Fix - [Try to fix Unable to use Speech Recognition #1139](https://github.com/xdan/jodit/issues/1139) ## 4.2.21 #### :house: Internal - Improved appearance of tabs - Fixed a bug when hovering over a button. The tooltip sometimes did not disappear ## 4.2.19 - Fixed the lag between setting the activity to a list item when opening it. ## 4.2.18 #### :house: Internal - When connecting third-party scripts, two attributes are now added to the script tag. [Jodit not hiding the raw textarea #1086](https://github.com/xdan/jodit/issues/1086) ```json { "crossorigin": "anonymous", "referrerpolicy": "no-referrer" } ``` - [crossorigin](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) - [referrerpolicy](https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/referrerPolicy) ## 4.2.17 #### :house: Internal - Removed conversion of list arrays into objects when creating a button in the toolbar. Previously the code looked like: ```js Jodit.make('#editor', { constrols: { lineHeight: { list: [1, 1.1, 1.2, 1.3, 1.4, 1.5, 2] } } }); ``` was implicitly transformed into an object of the form: ```js Jodit.make('#editor', { constrols: { lineHeight: { list: { 1: '1', 2: '2', 1.1: '1.1', 1.2: '1.2', 1.3: '1.3', 1.4: '1.4', 1.5: '1.5' } } } }); ``` Thus, due to the nature of integer keys, the order of the elements was lost. Now such a transformation does not occur. In your code you clearly need to check what came into `list` and if it is an array, then use it as is. ```js Jodit.make('#editor', { constrols: { lineHeight: { list: [1, 1.1, 1.2, 1.3, 1.4, 1.5, 2], update(editor: IJodit, button): boolean { if (Array.isArray(button.control)) { // Work with array } } } } }); ``` ### :bug: Bug Fix - [Backspacing in the editor with preadded styling or added styling is not retained #1120](https://github.com/xdan/jodit/issues/1120) - [missing generation of inferface.js and interface.d.ts in esm build path esm\plugins\image-properties #1117](https://github.com/xdan/jodit/issues/1117) ## 4.2.13 ### :bug: Bug Fix - [Table inline popup buttons issue #1129](https://github.com/xdan/jodit/issues/1129) ## 4.2.8 ### :rocket: New Feature - Controls have a new field `isVisible(editor: IJodit): boolean`, which allows you to completely hide the button in some situations. ```typescript Jodit.make('#editor', { controls: { undo: { isVisible(editor: IJodit): boolean { return editor.history.canUndo(); } } } }); ``` ## 4.2.1 ### :bug: Bug Fix - [Size of picture is not correct when changin a picture #1107](https://github.com/xdan/jodit/issues/1107) - [Selection by triple click removes close tag + open tag of next paragraph #1101](https://github.com/xdan/jodit/issues/1101) Added options `select.normalizeTripleClick: boolean = true` to normalize selection after triple click For disable this behavior set `select.normalizeTripleClick: false` ```js Jodit.make('#editor', { select: { normalizeTripleClick: false } }); ``` ## 4.1.12 #### :boom: Breaking Change - Removed the default export from the watch decorator. We refrain from using default exports in this project (refer to CONTRIBUTING.md for more details). Before: ```js import watch, { watch as watch2 } from 'jodit/core/decorators/watch/watch'; ``` Now only: ```js import { watch } from 'jodit/core/decorators/watch/watch'; ``` ### :bug: Bug Fix - [FileBrowser - Permissions Incorrect during Open of Dialog #1095](https://github.com/xdan/jodit/issues/1095) ## 4.1.11 - Fixed a bug within the FileBrowser module. The issue was due to the import order; the Ajax configuration was applied after the module had been initialized. ## 4.1.9 - Added `AbortError` to the `Jodit.modules` namespace. This is a custom error that is thrown when the user cancels the operation. ```js const jodit = Jodit.make('#editor'); jodit.async .promise((res, rej) => fetch('./test.php').then(res).catch(rej)) .catch(error => { if (Jodit.modules.Helpers.isAbortError(error)) { console.log('Operation was aborted'); } }); jodit.destruct(); ``` ## 4.1.7 - [Wrong generation of es5 bundle - polyfills missing #1105](https://github.com/xdan/jodit/issues/1105) ## 4.1.1 - Added plugin AI Assistant. https://github.com/xdan/jodit/pull/1088 Thanks @huizarmx #### :house: Internal - Update dependencies ```plain @tsconfig/node18 ^18.2.2 → ^18.2.4 @types/node ^20.11.25 → ^20.12.2 @typescript-eslint/eslint-plugin ^7.1.1 → ^7.5.0 @typescript-eslint/parser ^7.1.1 → ^7.5.0 autoprefixer ^10.4.18 → ^10.4.19 axios ^1.6.7 → ^1.6.8 core-js ^3.36.0 → ^3.36.1 cssnano-preset-advanced ^6.1.0 → ^6.1.2 eslint-plugin-mocha ^10.4.0 → ^10.4.1 glob ^10.3.10 → ^10.3.12 mocha ^10.3.0 → ^10.4.0 open ^10.0.4 → ^10.1.0 postcss >=8.4.35 → >=8.4.38 stylelint ^16.2.1 → ^16.3.1 typescript ^5.4.2 → ^5.4.3 webpack 5.90.3 → 5.91.0 webpack-dev-middleware ^7.0.0 → ^7.2.0 webpack-dev-server ^5.0.2 → ^5.0.4 ``` - Update dependencies ```plain @types/node ^20.10.7 → ^20.11.25 @typescript-eslint/eslint-plugin ^6.18.0 → ^7.1.1 @typescript-eslint/parser ^6.18.0 → ^7.1.1 autoprefixer ^10.4.16 → ^10.4.18 axios ^1.6.5 → ^1.6.7 core-js ^3.35.0 → ^3.36.0 css-loader ^6.8.1 → ^6.10.0 css-minimizer-webpack-plugin ^5.0.1 → ^6.0.0 cssnano-preset-advanced ^6.0.3 → ^6.1.0 eslint ^8.56.0 → ^8.57.0 eslint-plugin-mocha ^10.2.0 → ^10.4.0 eslint-plugin-prettier ^5.1.2 → ^5.1.3 karma ^6.4.2 → ^6.4.3 karma-firefox-launcher ^2.1.2 → ^2.1.3 less-loader ^11.1.4 → ^12.2.0 mini-css-extract-plugin ^2.7.6 → ^2.8.1 mocha ^10.2.0 → ^10.3.0 node-jq ^4.2.2 → ^4.3.1 open ^10.0.3 → ^10.0.4 postcss >=8.4.33 → >=8.4.35 postcss-loader ^7.3.4 → ^8.1.1 prettier ^3.1.1 → ^3.2.5 style-loader ^3.3.3 → ^3.3.4 stylelint ^16.1.0 → ^16.2.1 typescript ^5.3.3 → ^5.4.2 webpack 5.89.0 → 5.90.3 webpack-dev-server ^4.15.1 → ^5.0.2 webpack-hot-middleware ^2.26.0 → ^2.26.1 ``` ## 4.0.15 - Fixed bug in `beforeInit` hook. If the hook returned a promise, and the editor was destroyed after that, then after resolving the promise, the editor continued the initialization procedure ## 4.0.8 - Fixed a bug in the plugins module when extra plugins did not cause the editor to be redrawn after initialization ## 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 `` tag. - Added Finnish (Suomi) translation https://github.com/xdan/jodit/pull/1081 ## 4.0.2 - [BUG: FileBrowser Context Menu Grows Infinitely](https://github.com/xdan/jodit/issues/1059) ## 4.0.1 - [See changelog](https://github.com/xdan/jodit/releases) ## 4.0.0-beta.121 #### :boom: Breaking Change - All static methods of the `Jodit.modules.Table` module have been removed and replaced with methods of an instance of the `Table` class with the same name. ```js const jodit = Jodit.make('#editor'); // Before Jodit.modules.Table.mergeSelected(jodit.editor.firstChild, jodit); // Now jodit.getInstance('Table').mergeSelected(jodit.editor.firstChild); ``` - `.jodit-filebrowser` class prefix was renamed to `.jodit-file-browser` - CSS key `--color-background-filebrowser-folders` was removed from global scope. ### :bug: Bug Fix - [Folder renames not working if "space" is added in folder name #1054](https://github.com/xdan/jodit/issues/1054) #### :house: Internal - Update dependencies ```plain stylelint-config-idiomatic-order v9.0.0 → v10.0.0 stylelint-config-standard ^34.0.0 → ^36.0.0 stylelint-prettier ^4.1.0 → ^4.4.0 terser-webpack-plugin ^5.3.9 → ^5.3.10 ts-node ^10.9.1 → ^10.9.2 typescript ^5.3.2 → ^5.3.3 webpack-dev-middleware ^6.1.1 → ^7.0.0 webpack-hot-middleware ^2.25.4 → ^2.26.0 ``` ### :rocket: New Feature - The `Jodit.getInstance` method can accept a module constructor instead of its name: ```js const jodit = Jodit.make('#editor'); const table = jodit.getInstance(Jodit.modules.Table); const table2 = jodit.getInstance('Table'); // It still works console.log(table === table2); // true ``` ## 4.0.0-beta.119 - [Even though I disable some editor plugins, they are displayed on mobile #243](https://github.com/jodit/jodit-react/issues/243) ## 4.0.0-beta.118 ### :bug: Bug Fix - [fix import #1046](https://github.com/xdan/jodit/pull/1046) #### :house: Internal - Fixed colors for selected toolbar elements in the dark theme ## 4.0.0-beta.117 ### :bug: Bug Fix - [Marking a line with shift "pos1 or end" and pressing del removes too much and destroys structure #1038](https://github.com/xdan/jodit/issues/1038) ## 4.0.0-beta.108 ### :bug: Bug Fix - [Comment block in the template throws error "Cannot read properties of undefined (reading 'font-weight')" #1044](https://github.com/xdan/jodit/issues/1044) #### :house: Internal ```plain @types/ace ^0.0.50 → ^0.0.52 @types/fs-extra ^11.0.3 → ^11.0.4 @types/karma ^6.3.6 → ^6.3.8 @types/node ^20.8.7 → ^20.10.3 @types/postcss-css-variables ^0.18.2 → ^0.18.3 @types/yargs ^17.0.29 → ^17.0.32 @typescript-eslint/eslint-plugin ^6.8.0 → ^6.13.2 @typescript-eslint/parser ^6.8.0 → ^6.13.2 axios ^1.5.1 → ^1.6.2 core-js ^3.33.1 → ^3.34.0 eslint ^8.52.0 → ^8.55.0 eslint-config-prettier ^9.0.0 → ^9.1.0 eslint-plugin-import ^2.28.1 → ^2.29.0 node-jq ^4.0.1 → ^4.2.2 postcss >=8.4.31 → >=8.4.32 prettier ^3.0.3 → ^3.1.0 stylelint-prettier ^4.0.2 → ^4.1.0 ts-loader ^9.5.0 → ^9.5.1 typescript ^5.2.2 → ^5.3.2 ``` ## 4.0.0-beta.108 - Fixed a bug in the UITextArea UI component. Instead of adding a textarea element, it was incorrectly adding an input element. ## 4.0.0-beta.107 ### :rocket: New Feature - Introduced the pasteExcludeStripTags option. This is a list of tags that won't be removed from the pasted HTML when in INSERT_AS_TEXT mode. By default, it includes `['br', 'hr']`. See https://github.com/xdan/jodit/issues/1033 for more details. ```js Jodit.make('#editor', { pasteExcludeStripTags: ['br', 'style'] }); ``` - [copy pasting twitter or istagram or etc. not as expected #1032](https://github.com/xdan/jodit/issues/1032) ## 4.0.0-beta.97 #### :house: Internal - Calls to setTimout without the async module have been removed from autotests, and most of the asynchronous tests have been rewritten from done to async/await ## 4.0.0-beta.96 #### :boom: Breaking Change - Removed `Jodit.modules.Helpers.val` method ## 4.0.0-beta.95 ### :bug: Bug Fix - Fixed the logic of the file upload module. When HTTP errors were simply ignored. ## 4.0.0-beta.93 ### :bug: Bug Fix - Fixed a bug with the `editor.selection.setCursorIn(box)` method, which could set the cursor inside a
. ## 4.0.0-beta.91 ### :bug: Bug Fix - Issues with ESM #1029, icons were not included in the esm build Issue: https://github.com/xdan/jodit/issues/1029 - Use node 18.17.1 for build - Update ``` @types/ace ^0.0.49 → ^0.0.50 @types/fs-extra ^11.0.2 → ^11.0.3 @types/karma ^6.3.5 → ^6.3.6 @types/node ^20.8.3 → ^20.8.7 @types/postcss-css-variables ^0.18.1 → ^0.18.2 @types/yargs ^17.0.28 → ^17.0.29 @typescript-eslint/eslint-plugin ^6.7.4 → ^6.8.0 @typescript-eslint/parser ^6.7.4 → ^6.8.0 core-js ^3.33.0 → ^3.33.1 eslint ^8.51.0 → ^8.52.0 eslint-plugin-prettier ^5.0.0 → ^5.0.1 lint-staged ^14.0.1 → ^15.0.2 stylelint ^15.10.3 → ^15.11.0 webpack 5.88.2 → 5.89.0 ``` ## 4.0.0-beta.89 ### :rocket: New Feature - Improved UX of dialog boxes. Added two options `closeOnEsc` defaulting to `true` and `closeOnClickOverlay` defaulting to `false`. ```js Jodit.make('#editor', { dialog: { closeOnEsc: true, closeOnClickOverlay: false } }); // or const editor = Jodit.make('#editor'); editor.alert('Hello world'); // closeOnEsc = true, closeOnClickOverlay = true editor .dlg({ closeOnEsc: false, closeOnClickOverlay: true }) .open(); ``` ## 4.0.0-beta.88 ### :bug: Bug Fix - Fixed a bug where the cursor, when positioned at the start of the h1 tag and a style was applied to the h1 tag, would move up one tag level. - [Firefox specific execCommands no longer needed #1028](https://github.com/xdan/jodit/issues/1028) ## 4.0.0-beta.78 - Update ``` @types/ace ^0.0.48 → ^0.0.49 @types/fs-extra ^11.0.1 → ^11.0.2 @types/karma ^6.3.4 → ^6.3.5 @types/node ^20.5.7 → ^20.8.3 @types/postcss-css-variables ^0.18.0 → ^0.18.1 @types/yargs ^17.0.24 → ^17.0.28 @typescript-eslint/eslint-plugin ^6.5.0 → ^6.7.4 @typescript-eslint/parser ^6.5.0 → ^6.7.4 autoprefixer ^10.4.15 → ^10.4.16 axios ^1.5.0 → ^1.5.1 chai ^4.3.8 → ^4.3.10 core-js ^3.32.1 → ^3.33.0 eslint ^8.48.0 → ^8.51.0 eslint-plugin-mocha ^10.1.0 → ^10.2.0 glob ^10.3.3 → ^10.3.10 postcss >=8.4.28 → >=8.4.31 prettier ^3.0.2 → ^3.0.3 ts-loader ^9.4.4 → ^9.5.0 ``` ## 4.0.0-beta.78 - Update ``` @types/karma ^6.3.3 → ^6.3.4 @types/node ^20.1.0 → ^20.5.0 @typescript-eslint/eslint-plugin ^5.59.2 → ^6.4.0 @typescript-eslint/parser ^5.59.2 → ^6.4.0 autoprefixer ^10.4.14 → ^10.4.15 core-js ^3.30.2 → ^3.32.0 css-loader ^6.7.3 → ^6.8.1 css-minimizer-webpack-plugin ^5.0.0 → ^5.0.1 eslint ^8.40.0 → ^8.47.0 eslint-config-prettier ^8.8.0 → ^9.0.0 eslint-plugin-import ^2.27.5 → ^2.28.0 eslint-plugin-prettier ^4.2.1 → ^5.0.0 glob ^10.2.2 → ^10.3.3 less ^4.1.3 → ^4.2.0 less-loader ^11.1.0 → ^11.1.3 lint-staged ^13.2.2 → ^14.0.0 mini-css-extract-plugin ^2.7.5 → ^2.7.6 node-jq ^2.3.5 → ^4.0.1 postcss >=8.4.23 → >=8.4.27 postcss-loader ^7.3.0 → ^7.3.3 prettier ^2.8.8 → ^3.0.1 style-loader ^3.3.2 → ^3.3.3 stylelint ^15.6.1 → ^15.10.2 stylelint-config-standard ^33.0.0 → ^34.0.0 stylelint-prettier ^3.0.0 → ^4.0.2 synchronous-promise 2.0.15 → 2.0.17 terser-webpack-plugin ^5.3.8 → ^5.3.9 ts-loader ^9.4.2 → ^9.4.4 tslib ^2.5.0 → ^2.6.1 typescript ^5.0.4 → ^5.1.6 webpack 5.82.0 → 5.88.2 webpack-cli ^5.1.0 → ^5.1.4 webpack-dev-middleware ^6.1.0 → ^6.1.1 webpack-dev-server ^4.15.0 → ^4.15.1 webpack-hot-middleware ^2.25.3 → ^2.25.4 ``` ## 4.0.0-beta.77 ### :bug: Bug Fix - [Image duplication issue #993](https://github.com/xdan/jodit/issues/993) - Fixed an issue where the inline popup was not hidden after deleting an image ### :rocket: New Feature - [When cursor is not in view and paste is done, editor doesn't scroll to the pasted content automatically #983](https://github.com/xdan/jodit/issues/983) Added [scrollToPastedContent](https://xdsoft.net/jodit/docs/classes/config.Config.html#scrollToPastedContent) - After inserting the HTML, the cursor will be inserted inside the block element ## 4.0.0-beta.52 #### :boom: Breaking Change - Removed deprecated selection.applyStyle method - Change Creates. Sandbox signature to return body,iframe tuple - In the plugin system, the requirement field has been removed from instances, only the field in the constructor has been left ```js class somePlugin extends Jodit.modulules.Plugin { static requires = ['hotkeys']; // It still works requires = ['hotkeys']; // Now it does not work } ``` - Deprecated were removed - `Dom.isTag` does not support array - `Select.applyStyle` method was removed - `history.observer` was removed - `editorCssClass` removed - `wrapNodes.exclude` changed from array to set - `allowResizeTags` changed from array to set - `resizer.useAspectRatio` changed from array to set - All css variables renamed to kebab-case ## 4.0.0-beta.42 - Remove all languages from lang/index.js for ESM build - Only base plugins list in plugins/index.js for ESM build - Remove polyfills from ESM build - Remove `composer.json` ## 4.0.0-beta.10 ```plain @types/node ^18.15.12 → ^20.1.0 @typescript-eslint/eslint-plugin ^5.59.0 → ^5.59.2 @typescript-eslint/parser ^5.59.0 → ^5.59.2 axios ^1.3.6 → ^1.4.0 core-js ^3.30.1 → ^3.30.2 cssnano-preset-advanced ^6.0.0 → ^6.0.1 eslint ^8.38.0 → ^8.40.0 glob ^10.2.1 → ^10.2.2 karma ^6.4.1 → ^6.4.2 lint-staged ^13.2.1 → ^13.2.2 open ^8.4.2 → ^9.1.0 postcss-loader ^7.2.4 → ^7.3.0 prettier ^2.8.7 → ^2.8.8 puppeteer ^19.10.0 → ^20.1.1 stylelint ^15.5.0 → ^15.6.1 terser-webpack-plugin ^5.3.7 → ^5.3.8 webpack 5.80.0 → 5.82.0 webpack-cli ^5.0.1 → ^5.1.0 webpack-dev-middleware ^6.0.2 → ^6.1.0 webpack-dev-server ^4.13.3 → ^4.15.0 yargs ^17.7.1 → ^17.7.2 ``` ## 4.0.0.beta-0 #### :boom: Breaking Change - !!! Build files removed from repository and only available in npm package !!! - !!! bowers.json was removed !!! - server.js was removed - All build js files was rewritten to typescript - `build-system` was renamed as `tools` - Removed `exludeLangs` build option. Instead use `--includeLanguages=en` option. - Default target for build was changed to es2015 - Build in es2018 target was removed, instead es2021 was added - Event `getIcon` was removed. Use option `getIcon` instead ```ts Jodit.make('#editor', { getIcon: (name: string, clearName: string) => { if (name === 'bold') { return '...'; } return null; } }); ``` - Removed `errorMessage` event. Use `module.messages` instead ```js Jodit.make('#editor').message.info('Hello world'); ``` #### :rocket: New Feature - Added `Jodit.modules.Dom.isList` method - Added `Jodit.modules.Dom.isLeaf` method - Added plugin `delete` for correct delete content with command `delete` #### :house: Internal ```plain @types/node ^18.13.0 → ^18.15.12 @typescript-eslint/eslint-plugin ^5.50.0 → ^5.59.0 @typescript-eslint/parser ^5.50.0 → ^5.59.0 autoprefixer ^10.4.13 → ^10.4.14 axios ^1.3.3 → ^1.3.6 core-js ^3.28.0 → ^3.30.1 css-minimizer-webpack-plugin ^4.2.2 → ^5.0.0 cssnano-preset-advanced ^5.3.9 → ^6.0.0 eslint ^8.34.0 → ^8.38.0 eslint-config-prettier ^8.6.0 → ^8.8.0 expect-mocha-image-snapshot ^3.0.1 → ^3.0.13 glob ^8.1.0 → ^10.2.1 karma-chrome-launcher ^3.1.1 → ^3.2.0 lint-staged ^13.1.2 → ^13.2.1 mini-css-extract-plugin ^2.7.2 → ^2.7.5 postcss >=8.4.21 → >=8.4.23 postcss-css-variables ^0.18.0 → ^0.19.0 postcss-loader ^7.0.2 → ^7.2.4 prettier ^2.8.4 → ^2.8.7 puppeteer ^19.7.0 → ^19.10.0 style-loader ^3.3.1 → ^3.3.2 stylelint ^15.1.0 → ^15.5.0 stylelint-config-standard ^30.0.1 → ^33.0.0 stylelint-prettier ^2.0.0 → ^3.0.0 terser-webpack-plugin ^5.3.6 → ^5.3.7 tsc-alias ^1.8.2 → ^1.8.5 typescript ^4.9.5 → ^5.0.4 webpack 5.76.0 → 5.80.0 webpack-dev-middleware ^6.0.1 → ^6.0.2 webpack-dev-server ^4.11.1 → ^4.13.3 yargs ^17.6.2 → ^17.7.1 ``` ## 3.24.6 #### :house: Internal - `Jodit.modules.Helpers.htmlspecialchars` marked as deprecated. Instead use `Jodit.modules.Helpers.stripTags` - `Jodit.modules.Helpers.stripTags` added third argument for excluding tags ```js Jodit.modules.Helpers.stripTags( '

test po
p
stop lop

', document, new Set(['p', 'br']) ); //

test po
p
stop lop

``` - Inside `safeMode` will init only `safePluginsList` plugins. It used to init `extraPlugins` too. - `size` plugin was added in default `safePluginsList` ```js const editor = Jodit.make('#editor', { safeMode: true, safePluginsList: ['enter', 'backspace'] }); console.log(editor.__plugins); // only 'enter', 'backspace' ``` ## 3.24.5 #### :bug: Bug Fix - [Wrong new empty paragraph location when cursor is set after a table and key is pressed #953](https://github.com/xdan/jodit/issues/953) - The PluginSystem module has been refactored: now asynchronous plugins do not block the initialization of the editor and it is ready to work without them. - [Remove anchor element when set black text color. #936](https://github.com/xdan/jodit/issues/936) - [Insert_only_text makes mistakes when i copy a text html that includes a style tag #934](https://github.com/xdan/jodit/issues/934) - [Selected font styling reverts to default style after removing the added text using the backspace key #925](https://github.com/xdan/jodit/issues/925) #### :house: Internal ``` core-js ^3.27.2 → ^3.28.0 @types/node ^18.11.19 → ^18.13.0 axios ^1.3.2 → ^1.3.3 eslint ^8.33.0 → ^8.34.0 karma-sourcemap-loader ^0.3.8 → ^0.4.0 lint-staged ^13.1.0 → ^13.1.2 open ^8.4.0 → ^8.4.1 prettier ^2.8.3 → ^2.8.4 puppeteer ^19.6.3 → ^19.7.0 stylelint ^14.16.1 → ^15.1.0 stylelint-config-prettier ^9.0.4 → ^9.0.5 stylelint-config-standard ^29.0.0 → ^30.0.1 synchronous-promise 2.0.15 → 2.0.17 ``` ## 3.24.4 #### :boom: Breaking Change - Options to hide the functionality of editing directories and files `filebrowser.createNewFolder`, `filebrowser.editImage`, `filebrowser.deleteFolder`,`filebrowser.renameFolder`,`filebrowser.moveFolder`,`filebrowser.moveFile` were marked as deprecated. - Instead added `filebrowser.permissionsPresets: Partial` option. Before: ```js Jodit.make('#editor', { filebrowser: { createNewFolder: false, deleteFolder: false, renameFolder: false, moveFolder: false, moveFile: false, editImage: false, ajax: { url: 'https://xdsoft.net/jodit/finder/' } } }); ``` Now ```js Jodit.make('#editor', { filebrowser: { permissionsPresets: { allowFiles: false, allowFileMove: false, allowFileUpload: false, allowFileUploadRemote: false, allowFileRemove: false, allowFileRename: false, allowFolders: false, allowFolderCreate: false, allowFolderMove: false, allowFolderRemove: false, allowFolderRename: false, allowImageResize: false, allowImageCrop: false }, ajax: { url: 'https://xdsoft.net/jodit/finder/' } } }); ``` ## 3.24.3 #### :house: Internal ```plain core-js ^3.26.1 → ^3.27.2 @types/node ^18.11.9 → ^18.11.19 @typescript-eslint/eslint-plugin ^5.45.0 → ^5.50.0 @typescript-eslint/parser ^5.45.0 → ^5.50.0 axios ^1.2.0 → ^1.3.2 css-loader ^6.7.2 → ^6.7.3 eslint ^8.28.0 → ^8.33.0 eslint-config-prettier ^8.5.0 → ^8.6.0 eslint-plugin-import ^2.26.0 → ^2.27.5 expect-mocha-image-snapshot ^2.0.14 → ^3.0.1 glob ^8.0.3 → ^8.1.0 husky ^8.0.2 → ^8.0.3 lint-staged ^13.0.4 → ^13.1.0 mini-css-extract-plugin ^2.7.0 → ^2.7.2 mocha ^10.1.0 → ^10.2.0 nock ^13.2.9 → ^13.3.0 postcss >=8.4.19 → >=8.4.21 postcss-loader ^7.0.1 → ^7.0.2 prettier ^2.8.0 → ^2.8.3 puppeteer ^19.3.0 → ^19.6.3 stylelint ^14.15.0 → ^14.16.1 synchronous-promise 2.0.15 → 2.0.17 ts-loader ^9.4.1 → ^9.4.2 tsc-alias ^1.7.1 → ^1.8.2 tslib ^2.4.1 → ^2.5.0 typescript ^4.9.3 → ^4.9.5 webpack-cli ^5.0.0 → ^5.0.1 ``` ## 3.24.2 #### :rocket: New Feature - [Fix #909 Add option to provide pre-defined classes for img elements. #910](https://github.com/xdan/jodit/pull/910) ## 3.24.1 #### :boom: Breaking Change - Constant array `MAY_BE_REMOVED_WITH_KEY` was replaced on set `INSEPARABLE_TAGS` #### :rocket: New Feature - Method `Select.applyStyle` marked as deprecated. Use `Select.commitStyle` instead. Before: ```js jodit.select.applyStyle( { color: red }, { element: 'strong' } ); ``` Now: ```js jodit.s.commitStyle({ element: 'strong', attributes: { style: { color: 'red' } } }); ``` - In the options of the `Select`.`commitStyle` method, the `attributes` property has been added, which allows you to also set attributes when applying a style. ```js jodit.s.commitStyle({ element: 'a', attributes: { href: 'https://stename.ru' } }); ``` Wraps the selected text into a link with the specified address. - When inserting a url, if the text is selected, it will automatically be replaced with a link - In Tab plugin allow use shift+tab for lists #### :bug: Bug Fix - [Safari custom color picker errors out on browser check #906](https://github.com/xdan/jodit/issues/906) #### :house: Internal - Fixed deletion of the asserts function from the production code, instead of regular expressions, transformers are used\*\*\*\* ## 3.23.3 #### :rocket: New Feature - Added option `IControlType.childExec` Allows you to set a separate handler for list items ```javascript Jodit.make('.editor', { buttons: [ { name: 'add-date', iconURL: 'stuf/dummy.png', list: { options: 'Open options' }, exec(editor, current, control) { editor.s.insertHTML(new Date().toString()); }, childExec(editor, current, control) { if (control.args[0] === 'options') { editor.alert('Options'); } } } ] }); ``` ## 3.23.2 #### :bug: Bug Fix - [Insert link in Safari adds link to the beginning of the text #900](https://github.com/xdan/jodit/issues/900) #### :house: Internal - Deleted ajax.dataType option, because it was not used ## 3.23.1 #### :boom: Breaking Change - Remove `IJodit` from first argument of `Ajax` constructor. #### :rocket: New Feature - The focus method and the isFocused property have been added to the `IJodit` interface. These are just aliases for the same methods and properties of the `Select` module. ```js const editor = Jodit.make('#editor'); editor.focus(); ``` - The `IJodit.fetch` method has been added to the `IJodit` interface, which is similar in signature to the `fetch` method in the browser ```js const editor = Jodit.make('#editor'); const data = await editor.fetch('https://somesite.com?type=json'); ``` #### :bug: Bug Fix - Fixed error when using `superscript` and `subscript` commands. If the cursor was inside sub or sup tags, then nothing happened. - Fixed a bug in the placeholder plugin when indent styles were set for the edit area, they were not taken into account in the positioning of the placeholder. As a result, it was shifted relative to the focus. ## 3.22.1 #### :boom: Breaking Change - `ISnapshot.isBlocked` - is readonly now - `IHistory.snapshot` - is readonly now - `IHistory.processChanges` and `IHistory.upTick` were removed. - Instead of `IHistory.snapshot.isBlocked=true...IHistory.snapshot.isBlocked=false` should be used `IHistory.snapshot.transaction(() => {...})` - `IJodit.registerCommand` - is generic now - `IJodit.getNativeEditorValue` - marked as internal, please do not use it in your code - To class `.jodit-container` was added `background-color: var(--color-background-light-gray);` - To class `.jodit-workplace` was added `background-color: var(--color-background-default);` - Selection markers now are marked as temporary with `Dom.markTemporary` - Search plugin move selection to the next found element after replacing. See bug fix section - WrapNodes plugin added `emptyBlockAfterInit=true` option. After the editor is initialized, if it is empty, an empty block will be added to it. #### :bug: Bug Fix - [Select text formatting before writing #894](https://github.com/xdan/jodit/issues/894) #### :house: Internal ``` core-js ^3.25.5 → ^3.26.0 @types/node ^18.11.0 → ^18.11.9 @typescript-eslint/eslint-plugin ^5.40.0 → ^5.42.0 @typescript-eslint/parser ^5.40.0 → ^5.42.0 autoprefixer ^10.4.12 → ^10.4.13 cssnano-preset-advanced ^5.3.8 → ^5.3.9 eslint ^8.25.0 → ^8.26.0 puppeteer ^19.0.0 → ^19.2.1 replace ^1.2.1 → ^1.2.2 tslib ^2.4.0 → ^2.4.1 yargs ^17.6.0 → ^17.6.1 ``` ## 3.21.5 - [Unnecessary message showing after reaching the limit](https://xdsoft.net/jodit/pro/cab/issues/380e8a02-00c5-4aa0-8923-5b957d503eb1) ## 3.21.4 #### :bug: Bug Fix - [Font Style Change when removing Bold or Italics](https://xdsoft.net/jodit/pro/cab/issues/6ef20dc4-fabe-43c3-a299-86797d328bdf) #### :house: Internal @types/node ^18.8.3 → ^18.11.0 axios ^1.1.2 → ^1.1.3 css-minimizer-webpack-plugin ^4.2.1 → ^4.2.2 mocha ^10.0.0 → ^10.1.0 postcss >=8.4.17 → >=8.4.18 puppeteer ^18.2.1 → ^19.0.0 stylelint ^14.13.0 → ^14.14.0 stylelint-config-standard ^28.0.0 → ^29.0.0 ## 3.21.1 #### :boom: Breaking Change - Filebrowser adds a timestamp to the image preview url, now it will be the same as the server returned the `changed` field in the response. This is necessary for better caching in the browser. - `cleanHTML.denyTags` default equal `script` Those. script tags are disabled by default. If you need them then turn off this rule: ```js Jodit.make('#editor', { cleanHTML: { denyTags: false } }); ``` - The order of the hotkeys plugin keys has been changed to a more popular one. It used to be: `b+meta`, `b+ctrl` Now: `meta+b`, `ctrl+b` This is expressed in the installation of handlers for keyboard shortcuts: ```js Jodit.make('#editor', { disablePlugins: ['bold'] }).e.on('meta+b', () => { alert('Do smth with text'); return false; }); ``` #### :house: Internal - Remove `assert` calls from production build. - Update deps ``` core-js ^3.24.1 → ^3.25.5 @types/node ^18.7.3 → ^18.8.3 @typescript-eslint/eslint-plugin ^5.33.0 → ^5.39.0 @typescript-eslint/parser ^5.33.0 → ^5.39.0 autoprefixer ^10.4.8 → ^10.4.12 axios ^0.27.2 → ^1.1.2 css-minimizer-webpack-plugin ^4.0.0 → ^4.2.1 eslint ^8.22.0 → ^8.25.0 eslint-plugin-tsdoc ^0.2.16 → ^0.2.17 express ^4.18.1 → ^4.18.2 karma ^6.4.0 → ^6.4.1 less-loader ^11.0.0 → ^11.1.0 postcss >=8.4.16 → >=8.4.17 puppeteer ^17.0.0 → ^18.2.1 stylelint ^14.10.0 → ^14.13.0 stylelint-config-idiomatic-order v8.1.0 → v9.0.0 stylelint-config-standard ^27.0.0 → ^28.0.0 synchronous-promise ^2.0.15 → ^2.0.16 terser-webpack-plugin ^5.3.4 → ^5.3.6 ts-loader ^9.3.1 → ^9.4.1 typescript ^4.8.2 → ^4.8.4 webpack 5.73.0 → 5.74.0 webpack-dev-server ^4.9.3 → ^4.11.1 webpack-hot-middleware ^2.25.1 → ^2.25.2 yargs ^17.5.1 → ^17.6.0 ``` ## 3.20.4 #### :house: Internal - Move `error-messages` functionality to `messages` module. - Improved appearance of popup messages in the [messages](https://xdsoft.net/jodit/docs/modules/modules_messages.html) module. #### :bug: Bug Fix - Fixed a bug in the limit plugin. When the limit was reached, he checked the limits strictly, when entering from the keyboard. Therefore, every time I change the input focus. - Events are added to the same plugin when limits are reached. More details can be found in the documentation [limit](https://xdsoft.net/jodit/docs/modules/plugins_limit.html) ## 3.20.3 #### :house: Internal - En lang is loaded as is - Fix types generation: - Remove styles - Replace aliases #### :bug: Bug Fix - [After reaching the maximum character limit unable to copy the content from the editor](https://xdsoft.net/jodit/pro/cab/issues/e72690fa-6dea-4586-82fb-30b0e8d53d4a) ## 3.20.2 #### :house: Internal - Tooltip plugin functionality moved to `ui/button/tooltip` so that it can be used not only with the editor #### :bug: Bug Fix - Fixed bug in add-new-line in iframe-mode ## 3.20.1 #### :rocket: New Feature - Removed Panel and IPanel - Made IDlgs and Dlgs traits - Added @derive decorator - Mods/Elms/Dlgs traits now uses with @derive - Added `dtd` plugin. [Read more](https://xdsoft.net/jodit/docs/modules/plugins_dtd.html) #### :house: Internal - Added documentation for [Image properties - Input fields are not clickable ( react + material ui ) #879](https://github.com/xdan/jodit/issues/879) #### :bug: Bug Fix - [After adding hyperlink and hit enter the hyperlink added to first letter of the next word.](https://xdsoft.net/jodit/pro/cab/issues/a6ccc696-313f-4195-bed6-59ef28af2643) - [After reaching the maximum character limit unable to copy the content from the editor.(eg:- if limit is 50000 then we are able to copy only 49999)](https://xdsoft.net/jodit/pro/cab/issues/e72690fa-6dea-4586-82fb-30b0e8d53d4a) - [When typing Japanese characters in Jodit editor, extra characters are being added to the beginning of the first word.](https://xdsoft.net/jodit/pro/cab/issues/4c468c09-837d-40c6-b487-3746aecc470a) Same [Composing japanese text is decided unintentionally. #870](https://github.com/xdan/jodit/issues/870) ## 3.19.5 #### :rocket: New Feature - Added `cleanHTML.disableCleanFilter:Set` options. Node filtering rules that do not need to be applied to content The full list of rules is generated dynamically from the folder https://github.com/xdan/jodit/tree/main/src/plugins/clean-html/helpers/visitor/filters - Added `allowCommandsInReadOnly:string[]` options. Allow execute commands in readonly mode. [activeButtonsInReadOnly: ['source', 'preview'] is not working. #878](https://github.com/xdan/jodit/issues/878) ```js const editor = Jodit.make('#editor', { readonly: true, allowCommandsInReadOnly: ['alert'] }); editor.registerCommand('alert', (_, _2, text) => { alert(text); }); editor.execCommand('alert', '', 'Hello!'); ``` #### :bug: Bug Fix - [Pasting html breaks full screen mode #864](https://github.com/xdan/jodit/issues/864) - [Using BR tag as enter element results reset of cursor while typing in newlines. #860](https://github.com/xdan/jodit/issues/860) Fixed bugs with invisible aand empty nodes. - [Adding paragraph when copying and pasting with little text #851](https://github.com/xdan/jodit/issues/851) Options `select.normalizeSelectionBeforeCutAndCopy` now default is false - [Jodit-selection-marker span appears after clicking Undo button. #880](https://github.com/xdan/jodit/issues/880) ## 3.19.4 #### :rocket: New Feature - Added [[IUploader.getDisplayName]] option. Allow change file name before display it inside editor. [Can we customize uploaded file's name? #869](https://github.com/xdan/jodit/issues/869) ```javascript Jodit.make('#editor', { uploader: { url: 'https://sitename.net/jodit/connector/index.php?action=fileUpload', getDisplayName: (_, name) => 'File:' + name } }); ``` - Added `cleanHTML.useIframeSandbox`:`boolean` option(default: false). Use iframe[sandbox] to paste HTML code into the editor to check it for safety. Allows you not to run scripts and handlers, but it works much slower #### :bug: Bug Fix - [applyLink event is only fired when link is inserted via menu button but not when it is pasted #874](https://github.com/xdan/jodit/issues/874) - [Dialogs don't work inside Shadow DOM #866](https://github.com/xdan/jodit/issues/866) - [Popups don't work inside Shadow DOM #865](https://github.com/xdan/jodit/issues/865) - [Pb with cleanHTML.safeJavaScriptLink option #862](https://github.com/xdan/jodit/issues/862) ## 3.19.3 #### :bug: Bug Fix - Quick fix bug with webpack output.clean=true. ## 3.19.2 #### :bug: Bug Fix - Big bugfix in es2021 version, sideEffect cut all styles and configs ## 3.19.1 #### :house: Internal - Plugin icons moved to their respective plugins - Used plugin `webpack.ids.DeterministicModuleIdsPlugin` for more reliable sharing of exported module names between builds. Now you can include plugins from 'es5' in the assembly for 'es2021.en'. - Deps ``` @types/node ^17.0.36 → ^17.0.41 @typescript-eslint/eslint-plugin ^5.27.0 → ^5.27.1 @typescript-eslint/parser ^5.27.0 → ^5.27.1 cssnano-preset-advanced ^5.3.6 → ^5.3.7 eslint ^8.16.0 → ^8.17.0 lint-staged ^12.4.3 → ^13.0.0 terser-webpack-plugin ^5.3.1 → ^5.3.3 typescript ^4.7.2 → ^4.7.3 webpack ^5.72.1 → ^5.73.0 webpack-dev-server ^4.9.0 → ^4.9.2 core-js ^3.22.7 → ^3.22.8 ``` ## 3.18.7 #### :rocket: New Feature - Allow custom resizing with Alt btn [How to resize image with the handle bars without fixed aspect ratio #839](https://github.com/xdan/jodit/issues/839) #### :bug: Bug Fix - [Multiple modals 'Paste as HTML' after longer pressing ctrl+v #849](https://github.com/xdan/jodit/issues/849) - [All added videos are deleted when you click Delete or Backspace #847](https://github.com/xdan/jodit/issues/847) ## 3.18.6 #### :rocket: New Feature - Separate plugin for voice recognition and input of recognized text into the editor. [Feature Request: Add ability for user to dictate using local device microphone as input #828](https://github.com/xdan/jodit/issues/828) > This plugin is not included in the main Jodit build. It must be connected separately [Read more](./src/plugins/speech-recognize/README.md) ## 3.18.5 #### :boom: Breaking Change - Added default table style to `createAttributes` option: ```js Jodit.defaultOptions.createAttributes = { table: { style: 'border-collapse:collapse;width: 100%;' } }; ``` #### :bug: Bug Fix - Fixed a bug where the download cancellation business exceptions were shown as errors in the file browser. Also fixed uncatchable exceptions inside Async.promise - [Fixed Eraser delete "" tag! #705 #845](https://github.com/xdan/jodit/pull/845) Thanks @s-renier-taonix-fr - [Update Docker Env #844](https://github.com/xdan/jodit/pull/844) Thanks @s-renier-taonix-fr - Fixed table default styles [Jodit doesn't keep table borders #295](https://github.com/xdan/jodit/issues/295) - [All td elements got double border style. #842](https://github.com/xdan/jodit/issues/842) ## 3.18.4 #### :rocket: New Feature - Added option `uploader.processFileName` - The method can be used to change the name of the uploaded file ```js Jodit.make('#editor', { uploader: { url: 'some-connector.php', processFileName: (key, file, name) => { return [key, file, 'some-prefix_' + name]; } } }); ``` - Fixed file naming error when uploading to server ## 3.18.3 #### :bug: Bug Fix - Fixed a bug where pressing `Esc` did not close the dialog ## 3.18.2 #### :boom: Breaking Change The on/one/off methods of the Jodit Event System have been greatly simplified: instead: ```js editor.e.on( 'click', () => { alert('Clicked!'); }, undefined, true ); ``` Now: ```js editor.e.on( 'click', () => { alert('Clicked!'); }, { top: true } ); ``` Also, the methods now support an array of events: ```js editor.e.on('click mousedown mouseup', () => { alert('Some event!'); }); editor.e.on(['click', 'mousedown', 'mouseup'], () => { alert('Some event!'); }); ``` #### :rocket: New Feature - All components have their own instance of the Async module. What used to be `this.j.async` is now `this.async`. - New option `resizer.useAspectRatio` [How to resize image with the handle bars without fixed aspect ratio](https://github.com/xdan/jodit/issues/839) - Added event `applyLink` for issue [change default target for all links #841](https://github.com/xdan/jodit/issues/841) #### :bug: Bug Fix - Fixed non-removal of the event handler on destruct - Extra br are not removed - [Bold removing line break in table #838](https://github.com/xdan/jodit/issues/838) - [Cleans
that should be there #835](https://github.com/xdan/jodit/issues/835) - [Cursor goes out of edit box when moving to a new line #824](https://github.com/xdan/jodit/issues/824) - [Couldn't click next line button, when table is resized. #831](https://github.com/xdan/jodit/issues/831) - [Unable to add line height for Html pasted content. #830](https://github.com/xdan/jodit/issues/830) #### :house: Internal - Instead of a self-written truncated polyfill for `Array.from`, the core-js module is used - Moved the test files to the appropriate directories - Update deps ``` @types/node ^17.0.23 → ^17.0.31 @typescript-eslint/eslint-plugin ^5.19.0 → ^5.22.0 @typescript-eslint/parser ^5.19.0 → ^5.22.0 autoprefixer ^10.4.4 → ^10.4.7 axios ^0.26.1 → ^0.27.2 eslint ^8.13.0 → ^8.14.0 express ^4.17.3 → ^4.18.1 karma ^6.3.17 → ^6.3.19 lint-staged ^12.3.7 → ^12.4.1 mocha ^9.2.2 → ^10.0.0 postcss >=8.4.12 → >=8.4.13 stylelint ^14.6.1 → ^14.8.2 ts-loader ^9.2.8 → ^9.3.0 tslib ^2.3.1 → ^2.4.0 typescript ^4.6.3 → ^4.6.4 webpack-dev-server ^4.8.1 → ^4.9.0 core-js ^3.21.1 → ^3.22.4 ``` ## 3.17.1 #### :boom: Breaking Change Some minifier configurations do not correctly handle inheritance in the `component` decorator, we added some helper code earlier to make this work correctly. We tried to determine belonging by the name of the component and not by its constructor or prototype. Because in some build system(ex. create-react-app): ```js @component class A extends Component { className() { return 'A'; } } const a = new A(); a instanceof Component; // false - only in some cases elm.className() === A.prototype.className(); // true ``` In most cases, this entailed new bugs, so in 3.17 we decided to remove this heuristic. If something broke in your assembly, please create an [issue on github](https://github.com/xdan/jodit/issues/new). #### :bug: Bug Fix - Fixed processing of inserting videos from YouTube. Now you can start playing the video. - [selection.insertHTML causes infinite blur loop when Jodit editor not active](https://github.com/xdan/jodit/issues/819) Added `insertCursorAfter` argument. - [Preview missing non styled content in a paragraph when there is any styled text in that paragraph #823](https://github.com/xdan/jodit/issues/823) - [Image hyperlink is not working without https:// #821](https://github.com/xdan/jodit/issues/821) ```js const editor = Jodit.make('#editor'); editor.s.insertHTML('test', false); ``` #### :house: Internal - Update ``` @typescript-eslint/eslint-plugin ^5.16.0 → ^5.19.0 @typescript-eslint/parser ^5.16.0 → ^5.19.0 cssnano-preset-advanced ^5.3.1 → ^5.3.3 eslint ^8.12.0 → ^8.13.0 eslint-plugin-tsdoc ^0.2.14 → ^0.2.16 prettier ^2.6.1 → ^2.6.2 webpack ^5.70.0 → ^5.72.0 webpack-dev-server ^4.7.4 → ^4.8.1 yargs ^17.4.0 → ^17.4.1 ``` ## 3.16.6 #### :bug: Bug Fix - [Keyboard Trap in Source Code mode #817](https://github.com/xdan/jodit/issues/817) Author: @haruanm - ["Uncaught TypeError: Cannot redefine property: \_\_activeTab" occurs when I use 'brush' button twice in inline-popup for a element. #815](https://github.com/xdan/jodit/issues/815) ## 3.16.5 #### :rocket: New Feature - imageProcessor.replaceDataURIToBlobIdInView The `imageProcessor` plugin has added the functionality of replacing data-uri objects in the `src` of images with `blob-url`. This allows you to more conveniently work with an HTML document without loading the processor. Checks if the `imageProcessor.replaceDataURIToBlobIdInView` option is enabled then converts image src which has `data:base64` to [blob-object-uri](https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL) In this case, `Jodit.value` returns images with `data-uri`. And original `textarea` itself does the reverse replacement take place. ```js const editor = Jodit.make('#editor', { imageProcessor: { replaceDataURIToBlobIdInView: true // This is the default value, but for examples we set it } }); editor.value = '

'; console.log(editor.value); //

console.log(editor.getElementValue()); // '

' console.log(editor.getNativeEditorValue()); //

``` - Method `Jodit.setElementValue` marked us deprecated and will be removed in next major release. #### :house: Internal - Update ``` @types/node ^17.0.21 → ^17.0.23 @typescript-eslint/eslint-plugin ^5.14.0 → ^5.16.0 @typescript-eslint/parser ^5.14.0 → ^5.16.0 autoprefixer ^10.4.2 → ^10.4.4 cssnano-preset-advanced ^5.2.4 → ^5.3.1 eslint ^8.11.0 → ^8.12.0 lint-staged ^12.3.5 → ^12.3.7 postcss >=8.4.8 → >=8.4.12 prettier ^2.5.1 → ^2.6.1 stylelint ^14.5.3 → ^14.6.1 typescript ^4.6.2 → ^4.6.3 yargs ^17.3.1 → ^17.4.0 ``` ## 3.16.4 #### :bug: Bug Fix - [Sass compile error Css3 min() #809](https://github.com/xdan/jodit/issues/809) - [The preview popup has double scrollbars #808](https://github.com/xdan/jodit/issues/808) - Fixed bug with sync editor size with iframe mode (Works only with [ResizeObserver](https://caniuse.com/resizeobserver)) ## 3.16.3 - Fixed composition `wait` and `debounce` decorators ## 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 - [Dropdowns not hiding when clicking again on the arrow #791](https://github.com/xdan/jodit/issues/791) - [The problem that the selected text disappears #790](https://github.com/xdan/jodit/issues/790) ## 3.15.1 #### :rocket: New Feature - When copying elements, their hierarchy is taken into, for example, if you selected `
  • |test|
`, then when copying to the clipboard, the selection will be expanded to root element `UL`. For this, the [[Select.expandSelection]] method has been added to the [[Select]] class. [Ordered Bullets are getting changed to unordered bullets after copy and pasting within the editor #789](https://github.com/xdan/jodit/issues/789) > Method called before copy/cut/selectall operations #### :house: Internal - The [[Dom.isNode]] method now uses Duck Typing instead of inctanceof, this seems to be enough - Update @types/node ^17.0.18 → ^17.0.21 @typescript-eslint/eslint-plugin ^5.12.0 → ^5.13.0 @typescript-eslint/parser ^5.12.0 → ^5.13.0 cssnano-preset-advanced ^5.1.12 → ^5.2.1 eslint ^8.9.0 → ^8.10.0 eslint-config-prettier ^8.4.0 → ^8.5.0 karma ^6.3.16 → ^6.3.17 mini-css-extract-plugin ^2.5.3 → ^2.6.0 postcss >=8.4.6 → >=8.4.7 stylelint ^14.5.1 → ^14.5.3 ts-loader ^9.2.6 → ^9.2.7 typescript ^4.5.5 → ^4.6.2 webpack ^5.69.1 → ^5.70.0 ## 3.14.2 #### :rocket: New Feature - Added an experimental module for working with VDom<->Dom, an attempt to switch to this technology in the editor #### :house: Internal - @types/node ^17.0.15 → ^17.0.18 - @typescript-eslint/eslint-plugin ^5.10.2 → ^5.12.0 - @typescript-eslint/parser ^5.10.2 → ^5.12.0 - axios ^0.25.0 → ^0.26.0 - cssnano-preset-advanced ^5.1.11 → ^5.1.12 - eslint ^8.8.0 → ^8.9.0 - eslint-config-prettier ^8.3.0 → ^8.4.0 - express ^4.17.2 → ^4.17.3 - karma ^6.3.15 → ^6.3.16 - lint-staged ^12.3.3 → ^12.3.4 - mocha ^9.2.0 → ^9.2.1 - stylelint ^14.3.0 → ^14.5.1 - stylelint-config-standard ^24.0.0 → ^25.0.0 - webpack ^5.68.0 → ^5.69.1 - core-js ^3.21.0 → ^3.21.1 ## 3.14.1 #### :house: Internal - [(change) improved a few german translations #783](https://github.com/xdan/jodit/pull/783) #### :boom: Breaking Change - Changed the positions of some buttons on different resolutions for greater density - Disabled the ability to drag and drop elements on mobile devices as it affected page scrollability #### :bug: Bug Fix - [Cannot format table cells in PRO version #786](https://github.com/xdan/jodit/issues/786) -[Build error: Property or signature expected. #174](https://github.com/jodit/jodit-react/issues/174) ## 3.13.5 #### :bug: Bug Fix - [Unable to drag and drop image between table cells #782](https://github.com/xdan/jodit/issues/782) ## 3.13.4 #### :rocket: New Feature - Plugin for setting line spacing #### :bug: Bug Fix - [Previewing data not showing table content #780](https://github.com/xdan/jodit/issues/780) ## 3.13.2 #### :rocket: New Feature - Added a plugin to handle pressing the Tab key, it added the functionality of processing a keystroke inside the UL/li element and allows you to add tree-like lists. - Added static `Jodit.isJoditAssigned` method: Checks if the element has already been initialized when for Jodit ```js const area = document.getElementById('editor'); (Jodit.make(area) === Jodit.make(area)) === Jodit.make(area); console.log(Jodit.isJoditAssigned(area)); // true const editor = Jodit.make(area); editor.destruct(); console.log(Jodit.isJoditAssigned(area)); // false ``` #### :bug: Bug Fix - Fixed a bug when switching between source and wysiwyg mode, the FORM tag was wrapped in P - [Not maintaining styles set when switching format blocks #773](https://github.com/xdan/jodit/issues/773) ## 3.13.1 #### :boom: Breaking Change - `ObserveObject` removed - Added `observable` function which makes object observable. In this case, the function returns the same object. ```js const obj = { a: 1, b: { c: 5 } }; const obsObj = Jodit.modules.observable(obj); console.log(obj === obsObj); // true obsObj.on('change', () => { console.log('Object changed'); }); obsObj.on('change.a', () => { console.log('Key a changed'); }); obsObj.on('change.b.c', () => { console.log('Key b.c changed'); }); obj.a = 6; // Object changed // Key a changed obj.b = { c: 6 }; // Object changed obj.b.c = 8; // Object changed // Key b.c changed ``` #### :bug: Bug Fix - Fixed autotest in Chrome on Windows ## 3.12.5 #### :rocket: New Feature - Added options `safeMode:boolean` and `safePluginsList:string[]` for debugging ```js Jodit.make('#editor', { safeMode: true, safePluginsList: ['about'] }); ``` Only one plugin will be activated. Convenient for debugging and your plugins, you can turn off all the others. #### :bug: Bug Fix - Fixed a bug due to which Jodit did not work in ie11, + added a polyfill for the iterator ## 3.12.3 - [Fixed Full Screen showing elements not part of editable content #763](Issue: https://github.com/xdan/jodit/issues/763) #### :rocket: New Feature - Added `monospace` button in format list https://github.com/xdan/jodit/issues/767 - In plugin `paste` added `memorizeChoiceWhenPasteFragment` option: when the user inserts a piece of HTML, the plugin will ask - How to insert it. If after that user insert the same fragment again, the previous option will be used without extra question. > memorizeChoiceWhenPasteFragment = false, by default, it is Breaking change ## 3.12.1 #### :boom: Breaking Change - `ObserveObject` renamed to `ObservableObject` ```js const obj = { a: 1, b: 2 }; const observed = Jodit.modules.ObservableObject.create(obj); observed.on('change', (oldV, newV) => console.log(oldV, newV)); observed.a = 5; ``` - [Replace additional newlines by HTML line breaks. #770](https://github.com/xdan/jodit/pull/770) #### :bug: Bug Fix - [New lines are removed when pasting plain text in the jodit editor #755](https://github.com/xdan/jodit/issues/755) #### :rocket: New Feature - In addition to the preinstalled editors, the source plugin adds the ability to use its own implementation. You can read more in the [documentation](https://xdsoft.net/jodit/docs/modules/plugins_source.html) ## 3.11.2 #### :bug: Bug Fix - Fixed a bug when resizing images whose size was specified in the style attribute - the size did not change ## 3.11.1 #### :boom: Breaking Change - Plugin `Delete` renamed to` Backspace`. And it is highly refractory. #### :rocket: New Feature - Open localhost in browser on `npm start` - Added `Async.prototype.delay` method ```js await editor.async.delay(1000); alert('Alert after 1s'); ``` - Added `Ajax.options.responseType` option `XMLHttpRequestResponseType` - Added `Response.prototype.blob()` method ```js const ajax = new Jodit.modules.Ajax({ responseType: 'blob' }); await ajax.send().then(resp => resp.blob()); ``` #### :bug: Bug Fix - Added handling of `contenteditable = false` elements to the plugin` Backspace`. - [es2021 build don't works properly starting from jodit 3.9.4 #758](https://github.com/xdan/jodit/issues/758) - [shadow dom support only partly fixed #746](https://github.com/xdan/jodit/issues/746) ## 3.10.2 #### :boom: Breaking Change - The hotkeys have been castled in the Delete plugin: Was: ```js const hotkeys = { delete: ['delete', 'cmd+backspace'], deleteWord: ['ctrl+delete', 'cmd+alt+backspace', 'ctrl+alt+backspace'], backspace: ['backspace'], backspaceWord: ['ctrl+backspace'] }; ``` But the setting was called incorrectly, when the combination was pressed, not one word was deleted, but a whole sentence. Now added one more setting: ```js const hotkeys = { delete: ['delete', 'cmd+backspace'], deleteWord: ['ctrl+delete', 'cmd+alt+backspace', 'ctrl+alt+backspace'], deleteSentence: ['ctrl+shift+delete', 'cmd+shift+delete'], backspace: ['backspace'], backspaceWord: ['ctrl+backspace'], backspaceSentence: ['ctrl+shift+backspace', 'cmd+shift+backspace'] }; ``` #### :bug: Bug Fix - fixed sync between WYSIWYG and source editor ## 3.10.1 #### :boom: Breaking Change - Update `TypeScript@4.5.2` - In `IJodit.getEditorValue` added second argument for using with `afterGetValueFromEditor` event. You can see example in `source` plugin. - In UIButton `state.status` changed to `state.variant` - `beforeClose` event can prevent closing the dialog ```js const dialog = new Jodit.modules.Dialog(); dialog.setContent('Hello world!').open(); dialog.e.on('beforeClose', () => confirm('Are you sure?')); ``` #### :bug: Bug Fix - fix: Proxy blur event to parent triggered on the ACE editor ## 3.9.5 #### :rocket: New Feature - [Feature request: Open the inline toolbar without having to highlight text. #600](https://github.com/xdan/jodit/issues/600) Allow open inline toolbar. This feature is implemented on the basis of the `inline-popup` plugin, a setting has been added to it: `popup.toolbar`, which lists the buttons that will be shown in such a toolbar. Added the `showInline` method to the `ToolbarEditorCollection` itself: ```js const editor = Jodit.make('#editor', { preset: 'inline', popup: { toolbar: Jodit.atom(['bold', 'italic', 'image']) } }); editor.s.focus(); editor.toolbar.showInline(); // or editor.e.fire('showInlineToolbar'); ``` Also added `ToolbarCollection.hide` and `ToolbarCollection.show` methods. ```js const editor = Jodit.make('#editor'); editor.toolbar.hide(); editor.toolbar.show(); ``` - Allow use prototype as component name ```js console.log(Jodit.modules.UIButton.getFullElName('element')); // jodit-ui-button__element console.log(Jodit.modules.UIButton.componentName); // jodit-ui-button ``` - [Remember last opened folder with FileBrowser #675](https://github.com/xdan/jodit/issues/675) Boolean option `filebrowser.saveStateInStorage` split to dictionary: ```typescript interface IFileBrowserOptions { saveStateInStorage: | false | { storeLastOpenedFolder?: boolean; storeView?: boolean; storeSortBy?: boolean; }; } ``` By default: ```js opt = { saveStateInStorage: { storeLastOpenedFolder: true, storeView: true, storeSortBy: true } }; ``` Disable it: ```js Jodit.make('#editor', { filebrowser: { saveStateInStorage: false } }); // or Jodit.make('#editor', { filebrowser: { saveStateInStorage: { storeLastOpenedFolder: false } } }); ``` - [Spacer in Button Toolbar](https://github.com/xdan/jodit/issues/713) In addition to the `|` metacharacters and `\n` which stand for separator and newline, the `---` metacharacter has appeared, which allows you to add a spacer element which pushes all buttons behind the spacer to the right side of the toolbar and creates space in the middle. ```js Jodit.make('#editor', { buttons: [ 'source', 'bold', '|', '---', '|', 'brush', 'about', '\n', 'italic' ] }); ``` ## 3.9.4 #### :rocket: New Feature - Changed style resize rectangle for resize image or table - Added link `POWERED BY JODIT` in statusbar - Changed icon for resize handle in the bottom right corner #### :bug: Bug Fix - Fixed popup color for dark theme - [Change html tags when list style on/off #738](https://github.com/xdan/jodit/issues/738) - [order list/unorder list in source view #732](https://github.com/xdan/jodit/issues/732) - [dots supplementary buttons shown incorrectly #692](https://github.com/xdan/jodit/issues/692) - [Jodit adds unexpected tag when user lefts cursor inside ``` #### :bug: Bug Fix - Hide popup after deleting target node with key press. - [image-editor : onChangeSizeInput #663](https://github.com/xdan/jodit/issues/663) - [image-editor : switcher #662](https://github.com/xdan/jodit/issues/662) Replace buttons to switcher - [Error from ESlint, please fix it #658](https://github.com/xdan/jodit/issues/658) - [Support Mobile platform’s slide to type feature. #654](https://github.com/xdan/jodit/issues/654) - [The Jodit eraser tool doesn't work for

tags #652](https://github.com/xdan/jodit/issues/652) - [Links at the end of editor after unlink #648](https://github.com/xdan/jodit/issues/648) ## 3.6.7 #### :bug: Bug Fix - When deleting a file via the context menu - the list of files was not updated. #### :rocket: New Feature - Added the ability to open a file browser and any dialog in a new window. To do this, you need to define the `ownerWindow` field. For example, this can be done so that the file browser opens in a separate popup window. ```js const editor = Jodit.make('#editor', { uploader: { url: 'https://xdsoft.net/jodit/connector/index.php?action=fileUpload' }, filebrowser: { ajax: { url: 'https://xdsoft.net/jodit/connector/index.php' } } }); // Rewrite default filebrowser instance editor.e.on('getInstanceFileBrowser', options => { const win = window.open( 'about:blank', 'File Browser', 'location=0,menubar=0,status=0,toolbar=0,titlebar=0,width=700,height=500' ); win.document.open(); // Need append css for Jodit win.document.write( 'File Browser!' ); win.document.close(); const browser = new Jodit.modules.FileBrowser({ ownerWindow: win, // set window which will be used for opening headerButtons: [], // disable buttns - close and fullscreen fullsize: true, events: { beforeOpen: () => { win.focus(); }, afterClose: () => { win.close(); } }, ajax: options.ajax }); browser.noCache = true; // Becouse window can be closed - create instance on every getInstanceFileBrowser return browser; }); ``` ## 3.6.5 #### :boom: Breaking Change - Removed options: `useIframeResizer`, `useImgResizer`, `useTableResizer` from `resizer` plugin. Instead, added `allowResizeTags`. ```js Config.prototype.allowResizeTags = ['img', 'iframe', 'table', 'jodit']; ``` ## 3.6.2 #### :bug: Bug Fix - [Error when resizing tables and tables cells](https://github.com/xdan/jodit/issues/611) - [Image and video resizing in the table does not work correctly](https://github.com/xdan/jodit/issues/528) - [The link popup closes when trying to add it to an image inside a table. #524](https://github.com/xdan/jodit/issues/524) - Fixed a bug when command `emptyTable` didn't work. ## 3.6.1 #### :bug: Bug Fix - [