jodit 4.18.3 → 4.18.4

package/CHANGELOG.md

@@ -9,6 +9,23 @@
 > - :house: [Internal]
 > - :nail_care: [Polish]
 
+## 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.4
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -4422,6 +4422,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 +4957,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.