jodit 4.17.6 → 4.18.1

package/CHANGELOG.md

@@ -9,6 +9,23 @@
 > - :house: [Internal]
 > - :nail_care: [Polish]
 
+## 4.18.1
+
+#### :bug: Bug Fix
+
+- [#1315](https://github.com/xdan/jodit/issues/1315) Pasting blocks into an empty line no longer leaves the caret on a line of its own below them, and with `enter: 'DIV'` the pasted blocks replace the empty line instead of going inside it. Thanks [@brendon](https://github.com/brendon).
+- [#1573](https://github.com/xdan/jodit/issues/1573) Blocks pasted into a list item stay inside it instead of landing directly in the list (`li`, `dd` and `dt` joined `dtd.blockLimits`), and a pasted list adds its items to the list it is pasted into. Thanks [@brendon](https://github.com/brendon).
+
+## 4.18.0
+
+#### :rocket: New Feature
+
+- [#1559](https://github.com/xdan/jodit/issues/1559) Typing in a toolbar dropdown list moves the focus to the item whose label starts with what was typed, as in an open `<select>`: case and accents do not matter, repeating one letter cycles through the items that start with it, and the typed text starts again after a second. While a dropdown list opened with the mouse is open, typing in the editor searches the list as well instead of writing into the content. Thanks [@brendon](https://github.com/brendon).
+- [#1562](https://github.com/xdan/jodit/issues/1562) Toolbar selects can be given a fixed width with the `--jd-toolbar-select-width` CSS variable, or per control with `--jd-toolbar-select-font-width`, `--jd-toolbar-select-fontsize-width` and `--jd-toolbar-select-paragraph-width`, and shorten a longer value with an ellipsis. Without the variables a select keeps its previous sizing. Thanks [@brendon](https://github.com/brendon).
+- [#1561](https://github.com/xdan/jodit/issues/1561) The font family dropdown can offer the Google Fonts library, with the theme's fonts and the fonts the content uses at the top, through the new `font.googleFonts.url` option (the Google Fonts Developer API, or a proxy of it). The fonts the content uses are loaded into the editing document. For that, a list control whose `popup` returns content now shows that content in its dropdown in place of the list's buttons. Thanks [@brendon](https://github.com/brendon).
+- [#1530](https://github.com/xdan/jodit/issues/1530) New `mediaWrappers` option keeps video, audio and embeds in a wrapper from the content, by tag name, such as Froala's `<span class="fr-video">`, in place of the editor-only `jodit-media`; the media popup's Align and Delete act on the wrapper. Thanks [@brendon](https://github.com/brendon).
+- [#1530](https://github.com/xdan/jodit/issues/1530) New `alignClasses` option aligns elements with class names by tag (`img`, `video`, `audio`, `iframe`), including media wrappers, and `mediaDefaultAlign` aligns the media the video popup inserts. An alignment in it or in `imageAlignClasses` can list several class sets to recognise, writing the first. Thanks [@brendon](https://github.com/brendon).
+
 ## 4.17.6
 
 #### :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.17.6
+ * Version: v4.18.1
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -3169,6 +3169,7 @@ a + .jodit-file-browser-tree__source-title {
 .jodit-toolbar-select {
   --jd-color-button-background-hover-opacity40: rgba(220, 220, 220, 0.2);
   --jd-color-button-background-hover-opacity60: rgba(220, 220, 220, 0.1);
+  --jd-toolbar-select-own-width: var(--jd-toolbar-select-width);
   display: flex;
   overflow: hidden;
   align-items: center;
@@ -3179,7 +3180,8 @@ a + .jodit-file-browser-tree__source-title {
   height: 34px;
   justify-content: space-between;
   cursor: pointer;
-  min-width: 100px;
+  min-width: var(--jd-toolbar-select-own-width, 100px);
+  max-width: var(--jd-toolbar-select-own-width, none);
 }
 .jodit-toolbar-select__icon {
   display: none;
@@ -3593,11 +3595,23 @@ a + .jodit-file-browser-tree__source-title {
   opacity: 0.3;
   pointer-events: none;
 }
+.jodit-toolbar-select_font {
+  --jd-toolbar-select-own-width: var(--jd-toolbar-select-font-width, var(--jd-toolbar-select-width));
+}
+.jodit-toolbar-select_fontsize {
+  --jd-toolbar-select-own-width: var(--jd-toolbar-select-fontsize-width, var(--jd-toolbar-select-width));
+}
+.jodit-toolbar-select_paragraph {
+  --jd-toolbar-select-own-width: var(--jd-toolbar-select-paragraph-width, var(--jd-toolbar-select-width));
+}
 .jodit-toolbar-select__text:not(:empty) {
-  justify-content: left;
+  display: block;
+  text-align: start;
+  white-space: nowrap;
 }
 .jodit-toolbar-select__button {
   flex: 1;
+  min-width: 0;
 }
 
 /*!
@@ -4026,6 +4040,76 @@ a + .jodit-file-browser-tree__source-title {
   fill: var(--jd-color-text-icons);
 }
 
+/*!
+ * 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-font-picker {
+  width: 240px;
+}
+.jodit-ui-font-picker__group + .jodit-ui-font-picker__group {
+  margin-top: var(--jd-padding-default);
+}
+.jodit-ui-font-picker__heading {
+  padding: var(--jd-padding-default) var(--jd-padding-default) calc(var(--jd-padding-default) / 4);
+  color: var(--jd-color-label);
+  font-size: var(--jd-font-size-small);
+  line-height: 1;
+  text-transform: uppercase;
+}
+.jodit-ui-font-picker__item {
+  position: relative;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: 0 0;
+  box-shadow: none;
+  font-style: normal;
+  outline: 0;
+  text-align: center;
+  text-decoration: none;
+  text-transform: none;
+  user-select: none;
+  cursor: pointer;
+  font-family: var(--jd-font-default);
+  font-size: var(--jd-font-size-default);
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  min-height: var(--jd-button-size);
+  padding: 0 var(--jd-padding-default);
+  margin: var(--jd-margin-v) 0;
+  border-radius: var(--jd-border-radius-default);
+  color: var(--jd-color-text);
+  text-align: start;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.jodit-ui-font-picker__item:hover:not([disabled]),
+.jodit-ui-font-picker__item:focus-visible:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
+.jodit-ui-font-picker__item:active:not([disabled]),
+.jodit-ui-font-picker__item[aria-pressed='true']:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover-opacity40);
+  outline: 0;
+}
+.jodit-ui-font-picker__item[aria-pressed='true']:hover:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover-opacity60);
+}
+.jodit-ui-font-picker__item[disabled] {
+  opacity: 0.3;
+  pointer-events: none;
+}
+.jodit-ui-font-picker__item:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  outline: 0;
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.