Gutenberg 23.7: ändringar i blockredigeraren, gallerier och komponenter

Gutenberg 23.7 är tillgängligt som tillägg och bygger vidare på funktionerna i 23.6. Uppdateringen fokuserar främst på finputs i blockredigeraren, tydligare hantering av dynamiska gallerier och flera ändringar som berör komponenter, API:er, samarbete och byggverktyg.

Du kan testa Gutenberg 23.7 i WordPress Playground eller hämta tillägget.

Förbättringar i redigeraren

Flera små gränssnittsproblem är rättade. Flytande block överlappar inte längre sticky-block, och appendern för ett tomt block hamnar rätt i block som hanterar sina egna verktygsfält. Pullquote-blocket använder nu också den egna radavståndsinställningen i redigeraren, så att resultatet matchar framsidan.

Mobil- och surfplatteförhandsvisningarna har åter fasta höjder. Det gör enhetslägena mer förutsägbara när du granskar en layout i inläggsredigeraren.

Dynamiskt läge i Galleri-blocket

Gutenberg 23.6 introducerade ett dynamiskt läge för Galleri-blocket. I 23.7 har verktygsfältsknappen Convert to images fått namnet Detach, eftersom det bättre beskriver att du kopplar loss bilderna från det dynamiska galleriet.

När du väljer Detach visar redigeraren nu en dialogruta som förklarar konsekvensen. Själva konverteringen räknas dessutom som ett enda steg i ångra-historiken.

Viktiga nyheter för utvecklare

Arv av globala stilar är nu ett experiment som du själv aktiverar under Gutenberg Experiments. När funktionen är aktiv speglar blockinspektören ärvda värden från Global Styles i sina reglage.

Math-blocket använder ValidatedTextareaControl för LaTeX. Parserfel avbryter därför inte längre skrivandet vid varje tangenttryckning: redigeraren visar återkoppling först när fältet har tappat fokus, och skärmläsaren annonserar inte längre ett fel för varje tecken.

Combobox, Select och SelectControl får underkomponenterna Group och GroupLabel. Du kan därmed bygga grupperade alternativ på samma sätt i hela familjen av kontroller som öppnar en lista eller popup.

Förbättringar och nya möjligheter

Grundstilar, paneler och komponenter

• Du kan skriva över färgen på fokusmarkeringen i outset-ring__focus.
• Widget Dashboard mäter att headern får plats och dokumenterar gränssnittets chrome.
• Widget Primitives levereras som en script module.
• DataViews och Font Library ger sökfält fast bredd för att undvika layoutskiften.
• DataViewsPicker stöder intervallmarkering med Skift+klick i tabell-, rutnäts- och aktivitetslayout.
• Sandbox-komponenten accepterar en sandbox-prop.
• Number-inputs döljer webbläsarens inbyggda stegreglage.
• SearchControl renderar bara suffixet när ett sådant finns.
• Gränssnittsbiblioteket får primitiven Autocomplete.Row.
• Blockbiblioteket får end-to-end-täckning för användarflödet i innehållsförteckningen.

Redigerare, typsnitt och samarbete

• Inställningen responsiveEditingEnabled kan dölja alternativet Responsive styles i redigeraren.
• Font Library matchar nu DataViews teckenstorlek i sidväljaren för navigering.
• I realtidssamarbete, RTC, stängs Quick Edit av medan ett inlägg redigeras.
• Hanteringen av delade presets har brutits ut från skuggor och teckenstorlekar i Global Styles.
• Blockinspektören visar ärvda Global Styles-värden.

Rättade fel i block och redigeringsflöden

• View configuration-API:et har uppdaterad versionshantering. Konfigurationssammanfogningar med fel form avvisas, tomma arrayer får definierad semantik och null tas bort ur tillagda medlemmar.
• createInterpolateElement hanterar omatchade sluttaggar utan att krascha.
• Videoblockets render_block_core_video() tar hänsyn till VIDEO-taggar som inte skrivs med små bokstäver.
• Cover- och Accordion-block lämnar rätt läge när du trycker Enter.
• List-blocket behåller ordnad listtyp när du gör indrag.
• Medieredigeraren visar laddningsstatus medan en beskuren fil laddas och tar bort den överflödiga flaggan __heicUploadSupport.
• Navigation visar åter alternativet Add block i Link UI inuti template parts.
• Playlist kortar etiketten på knappen i spårens verktygsfält.
• Query Loop lägger till översättningskontext för etiketten Offset.
• Social Link rättar en felaktig sluttagg i Tumblrs ikonmarkup.

Blockredigeraren och Global Styles

• Bakgrundsbildsreglaget tar bort en dubblerad fokusmarkering.
• Tomblocks-appendrar placeras rätt i block med egna verktygsfält.
• Markören behåller rätt position när du raderar framåt i tomma block.
• Importerna i round-trip-tester för presets fungerar efter sammanslagningen av preset-verktyg.
• Global Styles väljer och visar rätt preset när två färgpresets delar samma hexvärde.
• Länkstilar löses i blockinspektören för block som är länkar.
• Kontrollerad blocksynkronisering i RTC fångar inte längre ångra-kommandot.
• Redigerbara rich text-element saknar åter tabIndex, så Skift+klick kan markera korrekt.
• Skift+pil utökar blockmarkeringen när ingen inbyggd textmarkering finns, och Skift+klick markeras som en flermarkeringsgest.
• Sidan rullar inte när markören flyttas inom block som är högre än viewporten.
• RichText kör inte input-transform utan onReplace och kraschar inte när du klistrar in filer.

Inläggsredigeraren och anteckningar

• Fält med egen ångra-hantering lämnar ångra till webbläsaren.
• Meta boxes får rubrikstilar som matchar Gutenbergs paneler.
• Blockanteckningar sparar målblocket innan anteckningen sparas, registrerar inline-formatet vid import och rapporterar sparresultat konsekvent.
• Sidopanelens val synkroniseras med inline-markören under markören.
• Post Lock visar inte felaktigt Someone else has taken over för en användare som saknar åtkomst till ett låst inlägg.
• Notiser omsluts av ThemeProvider med noll i hörnradie.
• iOS tar bort en tidigare hoppningslösning och lägger till typewriter-beteende.

Media, tillgänglighet och prestanda

• DataForm låter inte längre validering i kort och details stjäla fokus.
• GradientPicker väljer med slug, så två presets med samma gradient behåller sin identitet.
• Uppladdning av långa animerade GIF-filer fastnar inte vid konvertering: systemet avkodar bara första bildrutan för stillbildsutdata.
• Mediemallar tvingar inte längre crossorigin på IMG-taggar, och wp-build synkroniserar listan över preload-fält för sidmallar med core-data.
• Media REST API återför kontrollen av uppladdningsstorlek vid sideload från URL-sökväg.
• Theme JSON jämnar ut specificiteten för blockpresets med :where().
• Alignment-kontroller hanterar props bättre, och Navigation uppdaterar aria-expanded vid hover över en undermeny i overlay-läge.
• Rich text läser contentEditable i ownsSelection för att undvika tvingande layoutberäkning. En regression i skrivprestanda har också åtgärdats.
• FlatTermSelector hämtar inte om termer i onödan och Core Data flyttar EntitiesSavedState ut ur redigeraren.

Experiment, dokumentation och intern kod

Dashboard Widgets skärper saneringen av href i åtgärdslänkar och hjälplänkar. Utöver experimentet för arv av globala stilar innehåller versionen en rad förändringar som främst påverkar den som bygger eller underhåller Gutenberg.

• Dokumentationen täcker nvm use, stegvis upptäckt av agentinstruktioner och skills, saknad global dokumentation i table-of-contents/index.php, docblocks för WP_Icon_Collections_Registry, getBlock med inner block controllers, backportering till WordPress core, view configuration-filter som ska returnera containern samt iframe-riktlinjer för Gutenberg 23.6.
• Dokumentationen uppdaterar även exempel på admin-färgscheman i Storybook, vägledning för dialog kontra drawer, server-side-filter för view configuration och användning av länk för URL i inline-dokumentation.
• ESLint förbjuder ytterligare komponenter som inte rekommenderas, webpack-dev-server uppdateras till ^5.2.1 och GitHub-workflows rättar changelog-kontroller för pull requests från forkade repositorier.
• Interactivity API delar upp directives i självregistrerande moduler. RTC använder array_any() vid kontroll av nyare kompaktering och str_contains() i WP_Sync_Config; realtidssamarbetskoden flyttas till lib/experimental/collaboration.
• Storybook bygger resolve-specifiern som en URL-lik sträng, och verktygen löser beroenden oberoende av hur node_modules är strukturerad.
• Autocomplete kopplar förslagslistan med aria-controls och aria-haspopup; ExternalLink använder den delade mixinen för fokusmarkering; useSelectionProps blir layoutoberoende.
• Flera komponenter flyttar stilar till SCSS-moduler: Disabled, FormTokenField, SearchControl och ToolsPanel. date-fns uppdateras till 4.4.0, Color.js till 0.7.1 och colorjs.io uppdateras samtidigt som en tidigare temporär lösning tas bort.
• Blockbiblioteket skyddar mot attributvärden som kastar fel, gör editableRoot till privat blockinställning, rättar sammanslagningar från WordPress-Develop 7.0, använder null coalescing för Page Lists parentPageID, förbjuder en överflödig Jest-jsdom-pragma, tar bort onödiga __next40pxDefaultSize-props, använder str_contains() i Table of Contents och tar bort standardstycket ur Tabs-panelmallen.
• Duotone-verktyg dedupliceras i global-styles-engine, preset-verktyg samlas, URLInput blir funktionskomponent och Site Editor använder CSS i stället för Theme i canvas-loadern.
• SVG-ikoner valideras för viewBox, och Notes avbryter en pågående hover-markering när fokus lämnar en anteckningstråd. memize uppdateras till 2.1.1 och Global Styles byter namn på testfiler samt tar bort suffixet .spec.js.

Byggverktyg och tester

• Releaseverktygen uppdaterar skärmbilden för GitHubs nya Release label-gränssnitt och kräver en fungerande GitHub CLI för cherry-pick.
• Bygget får ett fristående vendor-paket för React 18, hanterar projektsökvägar med blanksteg i dev-skriptet och hoppar över polymorphism-prop-typning på intersections.
• DependencyExtractionWebpackPlugin tar med extraherade stilar i tillgångarnas versionshash. React 19 får ett end-to-end-kompatibilitetstest för det booleska attributet inert.
• Prettier löses uttryckligen för isolerade layouter, Storybook slutar använda Emotion som JSX-importkälla, WP Build undviker oändliga worker-byggloopar och npm-åtkomst kontrolleras bättre före körning.
• Jest ignorerar TypeScript-deklarationsfiler korrekt och uppdateras till den bakåtinkompatibla version 30. Flakiness.io används bara i det kanoniska Gutenberg-repositoriet.
• Prestandatestet för att markera block rapporterar inte längre felaktigt 0 ms. RTC rättar testet för borttagna användare på multisite och Site Editor får end-to-end-täckning för utbyggbar view configuration.
• Base Styles tar bort accentfärgsparametern från input-control, och den privata Theme-komponenten tas bort.

Nästa steg

Uppdatera en testmiljö om du använder det dynamiska Galleri-blocket, egna komponenter ovanpå SelectControl eller styling som berör Global Styles. Aktivera experimentet för arv av globala stilar först när du vill utvärdera beteendet, och testa därefter redigeringsflöden med mobila förhandsvisningar, LaTeX och samarbetsfunktioner i din egen konfiguration.