💥 Breaking Change
.jodit-icontransform-originchanged from0 0 !importanttovar(--jd-icon-transform-origin)(defaultcenter), and the!importantflag was removed. If your layout depends on the old top-left origin, restore it via CSS::root { --jd-icon-transform-origin: 0 0 !important; }
🚀 New Feature
-
IUIIconStatenow supportsscaleproperty — when set, appliestransform: scale(...)to the SVG icon element, overriding the CSS variable -
IControlType.iconnow acceptsstring | IUIIconState— allows setting icon name, fill, iconURL, and scale directly from toolbar button configPer-button scale example:
Jodit.make('#editor', { buttons: Jodit.atom([ 'bold', { name: 'big-italic', icon: { name: 'italic', fill: '', iconURL: '', scale: 1.5 }, tooltip: 'Italic (large icon)' }, 'underline' ]) });
-
CSS custom properties
--jd-icon-transform-originand--jd-icon-transform-scalefor global icon scaling. Override them to resize all editor icons at once. Per-buttonscaleinIUIIconStatetakes priority over the CSS variable.Global scale override via CSS:
:root { --jd-icon-transform-scale: 1.3; --jd-icon-transform-origin: center; }