jodit 4.18.3 → 4.18.6

package/CHANGELOG.md

@@ -9,6 +9,58 @@
 > - :house: [Internal]
 > - :nail_care: [Polish]
 
+## 4.18.6
+
+> 4.18.5 was tagged but not published to npm: its release run failed on the Firefox jobs. Everything listed under 4.18.5 ships in this version.
+
+#### :bug: Bug Fix
+
+- In iframe mode the placeholder is now shown in Firefox. Firefox pads an empty editable body with a bare `<br>`, which the placeholder took for content.
+
+## 4.18.5
+
+#### :rocket: New Feature
+
+- [#1657](https://github.com/xdan/jodit/issues/1657) Lists pasted from Word, with Keep or Clean, are now `<ul>`/`<ol>` lists, nested by level and keeping lettered and roman numbering and a `start` number, instead of paragraphs without their bullets or numbers. `stripTags` (Insert only Text, the plain-text copy) now puts every list item on its own line. Thanks [@brendon](https://github.com/brendon).
+- [#1661](https://github.com/xdan/jodit/issues/1661) The numbered list dropdown has "Start at...", which sets the number of the list's first item. Thanks [@brendon](https://github.com/brendon).
+
+#### :bug: Bug Fix
+
+- [#1643](https://github.com/xdan/jodit/issues/1643) Moving the caret with the keyboard now does what a click there would: the table's marked cell, popup and resize frame follow it from cell to cell and come back when the caret returns to the table, a link's popup opens when the caret moves into the link, and all of them close when the caret leaves. Thanks [@brendon](https://github.com/brendon).
+- [#1648](https://github.com/xdan/jodit/issues/1648) Choosing an alignment from an image's or media's popup keeps the popup open beside the element, and ([#1650](https://github.com/xdan/jodit/issues/1650)) the resize frame stays on the element while its popup is used. Thanks [@brendon](https://github.com/brendon).
+- [#1659](https://github.com/xdan/jodit/issues/1659) Choosing a list style from the `ol`/`ul` dropdown restyles the whole list in place, keeping its items and its `start`, instead of moving the caret's item into a new list. Thanks [@brendon](https://github.com/brendon).
+- [#1665](https://github.com/xdan/jodit/issues/1665) Backspace or Delete next to a paragraph inside a `<div>` or `<blockquote>` joins the two paragraphs instead of putting one inside the other, and a paragraph at the start of a table cell is no longer joined with the cell before it. Thanks [@brendon](https://github.com/brendon).
+- [#1666](https://github.com/xdan/jodit/issues/1666) Backspace or Delete over a selection from one table cell into another clears the selected text and keeps the cells, and ([#1667](https://github.com/xdan/jodit/issues/1667)) a selection that starts or ends in a table keeps the table's cells and the rest of the paragraph after it, instead of moving it into the `<table>` element. Thanks [@brendon](https://github.com/brendon).
+- [#1668](https://github.com/xdan/jodit/issues/1668) Backspace at the start of a paragraph after a table no longer moves the paragraph into the last cell. Thanks [@brendon](https://github.com/brendon).
+- [#1669](https://github.com/xdan/jodit/issues/1669) Delete at the end of a list's last item joins the next line to the item, and Delete at the end of a paragraph before a list joins the first item's text to the paragraph, as the browsers do. Thanks [@brendon](https://github.com/brendon).
+- [#1670](https://github.com/xdan/jodit/issues/1670) Deleting a selection that ends inside a list item joins the rest of the item to the line where the selection started. Thanks [@brendon](https://github.com/brendon).
+- [#1632](https://github.com/xdan/jodit/issues/1632) Typing into an empty block no longer leaves its `<br>` after the text (`<p>test<br></p>`), for example in a cleared editor or in a heading made in an empty table cell. Thanks [@brendon](https://github.com/brendon).
+- [#1634](https://github.com/xdan/jodit/issues/1634) In iframe mode, the cover that lets a click select an embed and the highlight of a selected image no longer depend on `iframeStyle`, so a custom `iframeStyle` keeps them. Thanks [@brendon](https://github.com/brendon).
+- [#1636](https://github.com/xdan/jodit/issues/1636) The Left arrow at the start of a table's first cell moves the caret out of the table instead of adding a row above it. Thanks [@brendon](https://github.com/brendon).
+- [#1638](https://github.com/xdan/jodit/issues/1638) In iframe mode the placeholder measures the content again once the `iframeCSSLinks` stylesheets load, and takes the content's font. Thanks [@brendon](https://github.com/brendon).
+- [#1640](https://github.com/xdan/jodit/issues/1640) A toolbar button's dropdown arrow is drawn in the icons' colour, so it no longer disappears when the text round the editor is light. Thanks [@brendon](https://github.com/brendon).
+- [#1645](https://github.com/xdan/jodit/issues/1645) Resizing a dialog in Safari no longer selects the text inside it, and ([#1646](https://github.com/xdan/jodit/issues/1646)) a resized dialog can be made narrower again, down to the width its header and buttons need. Thanks [@brendon](https://github.com/brendon).
+- [#1652](https://github.com/xdan/jodit/issues/1652) Selecting cells by dragging across a large table no longer stalls the page. Thanks [@brendon](https://github.com/brendon).
+- [#1654](https://github.com/xdan/jodit/issues/1654) With `autofocus`, a click or key in the editor before the delayed autofocus runs keeps its caret instead of having it moved to the start or end. Thanks [@brendon](https://github.com/brendon).
+- [#1663](https://github.com/xdan/jodit/issues/1663) The `singleQuotesInFontFamily` test accepts Firefox 158's unquoted font name. Thanks [@brendon](https://github.com/brendon).
+
+## 4.18.4
+
+#### :rocket: New Feature
+
+- [#1530](https://github.com/xdan/jodit/issues/1530) The media popup has an Edit button that opens a video properties dialog: the size, poster, Autoplay, Loop, Muted and Controls of a video, the size of an embed and the playback settings of audio. Autoplay also mutes the video and lets it play inline, and Controls can only be turned off while Autoplay is on. New `videoProperties` plugin, opened with `editor.events.fire('openVideoProperties', media)`. Thanks [@brendon](https://github.com/brendon).
+- [#1530](https://github.com/xdan/jodit/issues/1530) The media popup has a Replace button that opens the video popup's Upload, Link and Code tabs. What's inserted takes the old media's place and keeps its classes, size and playback settings, in one undo step. Thanks [@brendon](https://github.com/brendon).
+- [#1530](https://github.com/xdan/jodit/issues/1530) Videos can be resized with the resize frame: `allowResizeTags` and `resizer.useAspectRatio` now include `video`. A video with no height of its own is given only a width, so it keeps its ratio. Media in `jodit-media` or in a `mediaWrappers` wrapper is resized through its wrapper, and an embed through its own `jodit` wrapper. Thanks [@brendon](https://github.com/brendon).
+
+#### :bug: Bug Fix
+
+- [#1577](https://github.com/xdan/jodit/issues/1577) The resize frame stays on its image, table or embed while the editor's content or the page scrolls, clipped at the edge of the editing area, instead of being hidden on the first scroll. Thanks [@brendon](https://github.com/brendon).
+- [#1620](https://github.com/xdan/jodit/issues/1620) Pressing on an embed or a video in a wrapper no longer paints its whole line with the selection highlight in Safari. Thanks [@brendon](https://github.com/brendon).
+
+#### :house: Internal
+
+- `imageAlignClasses` is deprecated in favour of `alignClasses.img`, which takes the same value; when `alignClasses.img` isn't set the editor copies `imageAlignClasses` into it, so existing configs keep working. Thanks [@brendon](https://github.com/brendon).
+
 ## 4.18.3
 
 #### :bug: Bug Fix

package/es2015/jodit.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.18.3
+ * Version: v4.18.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -2768,6 +2768,7 @@ a + .jodit-file-browser-tree__source-title {
   align-items: center;
   justify-content: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
+  color: var(--jd-color-icon);
   opacity: 0.4;
   cursor: pointer;
   --jd-button-trigger-size: 14px;
@@ -3509,6 +3510,7 @@ a + .jodit-file-browser-tree__source-title {
   align-items: center;
   justify-content: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
+  color: var(--jd-color-icon);
   opacity: 0.4;
   cursor: pointer;
   --jd-button-trigger-size: 14px;
@@ -4144,16 +4146,6 @@ html.jodit_fullsize-box_true {
   height: 100%;
 }
 
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
- */
-.jodit-wysiwyg.jodit-wysiwyg_image-selected::selection,
-.jodit-wysiwyg.jodit-wysiwyg_image-selected *:not(img)::selection {
-  background: transparent;
-}
-
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -4266,6 +4258,16 @@ html.jodit_fullsize-box_true {
   min-width: 700px;
 }
 
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
+ */
+.jodit-popup .jodit-toolbar-button_start {
+  border-top: 1px solid var(--jd-color-separator);
+  margin-top: calc(var(--jd-padding-default) / 2);
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -4391,29 +4393,6 @@ html.jodit_fullsize-box_true {
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
-[data-jodit_iframe_wrapper] {
-  position: relative;
-  display: block;
-  user-select: none;
-}
-[data-jodit_iframe_wrapper] iframe {
-  position: relative;
-}
-[data-jodit_iframe_wrapper]::after {
-  position: absolute;
-  z-index: 1;
-  display: block;
-  background: rgba(0, 0, 0, 0);
-  content: '';
-  cursor: pointer;
-  inset: 0;
-}
-[data-jodit_iframe_wrapper][data-jodit-wrapper_active='true'] iframe {
-  z-index: 2;
-}
-.jodit_lock [data-jodit-wrapper_active='true'] iframe {
-  z-index: 1;
-}
 :root {
   --jd-viewer-width: 70px;
   --jd-viewer-height: 24px;
@@ -4422,6 +4401,12 @@ html.jodit_fullsize-box_true {
   --jd-resizer-handle-color: #5ba4f3;
   --jd-resizer-handle-hover-color: #537ebb;
 }
+.jodit-resizer-layer {
+  position: absolute;
+  overflow: hidden;
+  inset: 0;
+  pointer-events: none;
+}
 .jodit-resizer {
   position: absolute;
   top: 0;
@@ -4951,6 +4936,59 @@ html.jodit_fullsize-box_true {
   text-align: center;
 }
 
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
+ */
+.jodit-ui-video-properties-form {
+  padding-top: var(--jd-padding-default);
+}
+.jodit-ui-video-properties-form .jodit-form__group:first-child {
+  margin-top: 0;
+}
+.jodit-ui-video-properties-form__preview {
+  display: block;
+  width: 100%;
+  height: var(--jd-width-default);
+  background-color: var(--jd-color-background-light-gray);
+  object-fit: contain;
+}
+.jodit-ui-video-properties-form__sizes.jodit-form__group {
+  min-width: auto;
+  flex-direction: row;
+  align-items: center;
+}
+.jodit-ui-video-properties-form__sizes.jodit-form__group input {
+  width: 0;
+  flex: 1;
+}
+.jodit-ui-video-properties-form__lockSize {
+  display: inline-block;
+  cursor: pointer;
+}
+.jodit-ui-video-properties-form__lockSize > svg {
+  display: inline-block;
+  overflow: hidden;
+  width: var(--jd-icon-middle-size);
+  height: var(--jd-icon-middle-size);
+  fill: var(--jd-color-dark);
+  line-height: var(--jd-icon-middle-size);
+  transform-origin: 0 0 !important;
+  vertical-align: middle;
+}
+.jodit-ui-video-properties-form__playback.jodit-form__group {
+  flex-flow: row wrap;
+  gap: calc(var(--jd-padding-default) / 2) calc(var(--jd-padding-default) * 2);
+}
+.jodit-ui-video-properties-form__playback.jodit-form__group label {
+  margin: 0;
+}
+.jodit-dialog_theme_dark .jodit-ui-video-properties-form__preview,
+.jodit_theme_dark .jodit-ui-video-properties-form__preview {
+  background-color: var(--jd-dark-background-color);
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.