Utility

Sekce Utility je v každém dialogu komponenty. Nastavení barev najdete v sekci Vzhled. Vše se mapuje na třídy Bootstrapu 5.3; plugin nikdy nepíše inline styly. S bootstrapui_version: '4' se zapisují názvy tříd Bootstrapu 4 (text-left, ml-3, font-weight-bold, float-right…) a skupiny, které čtyřka nemá, se nenabízejí, viz Bootstrap 4.

Dialog vlastních tříd — Vlastní třídy: když utility nestačí, přidají se libovolné třídy libovolnému prvku.

Skupina	Třídy
Rozestupy	`m`, `p` se stranami a kroky 0–5, `auto`, podle breakpointu
Rozměry	`w-`, `h-`, `mw-100`, `mh-100`, `vw-100`, `vh-100` (bez breakpointů, Bootstrap je pro tyto třídy nenabízí)
Zobrazení	`d-*` podle breakpointu, `vstack`, `hstack`
Flexbox	směr, `justify-content-`, `align-items-`, `gap-*` podle breakpointu
Barvy	`text-`, `bg-`, `text-bg-*`, průhlednosti
Rámečky a rohy	`border`, `rounded`, `shadow`, `opacity-`
Písmo a text	`fs-`, `fw-`, `lh-*`, zalamování, podtržení, velikost znaků, `font-monospace`, odkazové utility
Poloha	`position-`, okraje, `translate-middle`, `z-`, `overflow-`, `user-select-`, `pe-none`, `stretched-link`
Chování v rozložení	`flex-fill/grow/shrink/wrap`, `align-self-`, `align-content-`, `order-`, `object-fit-`

Dvě pravidla drží výstup čistý: jedna třída, jeden ovladač (třídu, kterou řídí utilita, dialog nenabízí znovu) a co by nemělo účinek, se nezapisuje (barva rámečku bez rámečku, okraj bez polohy).

Na čtyřce se nenabízí gap-*, opacity-*, z-*, fs-*, lh-*, odkazové utility, vstack/hstack, object-fit-*, okraje polohy a translate-middle, pe-none, číslované šířky rámečku a zaoblení, d-grid ani breakpoint xxl.

Třídy, které plugin nezná, zůstávají v Rozšířené → Vlastní CSS třídy a při úpravě se zachovají.

Nabídka Styly

Na rychlé změny nepotřebujete dialog: nabídka TinyMCE Styly dostala skupinu Bootstrap. Přidejte do lišty styles (je i v Formát → Formáty), nebo použijte tlačítko bootstrapuistyles, které nabízí stejnou nabídku samostatně.

Skupina má oddíly Písmo a text (barva textu, velikost, tučnost, kurzíva, neproporcionální písmo, velikost písmen, podtržení, výška řádku, zalamování, zarovnání), Rozestupy (vnější a vnitřní, podle strany a breakpointu), Pozadí a rámeček (barva pozadí, strany, barva a šířka rámečku, rohy, stín, průhlednost) a Rozložení (zobrazení, šířka, výška).

Třída jde na prvek pod kurzorem, nebo na každý vybraný blok. Vlastnosti textu na nejbližší prvek s textem (odkaz, <strong>), mezery a rámečky na nejbližší blok (odstavec, ne <strong> v něm).
Ve skupině platí jedna hodnota: mt-5 nahradí mt-3. Volba aktivní hodnoty (s fajfkou) ji odebere.
Vaše vlastní style_formats i výchozí formáty TinyMCE zůstávají; skupina Bootstrap se přidá na konec.

Vypnete ji bootstrapui_styles: false, nebo ji zúžíte:

bootstrapui_styles: {
  groups: ['text', 'background', 'margin', 'padding'], // text background font alignment margin padding border effects display sizing
  breakpoints: ['md', 'lg'],                            // [] = bez úrovně breakpointů, výchozí = všechny breakpointy
  title: 'Bootstrap',                                   // název skupiny v nabídce Styly
},