Een nieuw tijdperk voor contentbewerking: XC introduceert een volledig vernieuwde richtext editor!

Het wachten is voorbij: XC presenteert trots een geheel nieuwe richtext editor, ontwikkeld met het oog op gebruiksgemak, snelheid en functionaliteit. Deze editor is niet zomaar een update, maar een complete herontwikkeling die de manier waarop je content bewerkt en beheert voorgoed verandert.

Met de nieuwe editor krijg je niet alleen innovatieve functies in handen, zoals inline tabellen en de handige Overzichtsweergave, maar ook aanzienlijk verbeterde mogelijkheden op gebieden die je dagelijkse workflow beïnvloeden. Denk hierbij aan een soepelere drag & drop-ervaring en een intelligente copy/paste-functie, die het overzetten van content uit externe bronnen, zoals Word-documenten, sterk verbetert.

Intuïtiever en efficiënter dan ooit

De grootste sprong voorwaarts zit hem in de algemene werking van de editor. Of je nu door tekst navigeert, lijsten bewerkt, elementen verplaatst, tabellen aanpast, layouts configureert of gepersonaliseerde blokken toevoegt: alles voelt nu natuurlijker en sneller. Functies zoals het verplaatsen van componenten met drag & drop, het kopiëren en plakken van content en het toevoegen of verwijderen van elementen zijn sterk verbeterd. Je merkt direct dat elke handeling minder klikken en minder moeite kost.

Snellere laadtijden, minder netwerkbelasting

Naast de verbeterde gebruikerservaring is er ook aandacht besteed aan prestaties. Het laden van grotere contentitems is nu efficiënter dan ooit. Dit betekent niet alleen snellere responstijden, maar ook een vermindering van het aantal benodigde requests om een contentitem in XC te laden. De resultaten spreken voor zich: laadtijden zijn met ongeveer 10% tot 20% verkort, en het netwerkverkeer is met circa 15% afgenomen. Dit zorgt voor een vlottere en aangenamere bewerkingservaring, zelfs bij complexe of omvangrijke content.

Kortom: de nieuwe richtext editor van XC is snel, intuïtief en krachtig. Ontworpen om jouw contentbewerking naar een hoger niveau te tillen. 

De nieuwe editor

Hieronder belichten we een selectie van de nieuwe functionaliteiten in de editor. Deze opsomming is niet uitputtend, maar biedt wel een goede eerste indruk van de mogelijkheden die de vernieuwde editor te bieden heeft.

Component toolbars

Wanneer je met de muis over een selecteerbaar component beweegt (zoals een element, layout, tabel of gepersonaliseerd blok) verschijnt er een toolbar. Deze toolbar geeft aan welk type component zich op die positie bevindt;

Zodra je het component selecteert, verandert de toolbar in een uitgebreidere versie met extra opties. Sommige opties zijn voor alle componenten beschikbaar. De toolbar van een element ziet er bijvoorbeeld als volgt uit:

Standaard kun je:

• Een nieuwe regel voor of achter het component toevoegen;
• Het component verwijderen;
• Het component met de 'drag'-knop (linksboven) naar een andere positie slepen. Hierover later meer.

Layouts 

Wanneer je een layout selecteert, verschijnen er extra opties die specifiek gelden voor layouts, zoals het wijzigen van de layout of de variant;

Ook de individuele velden binnen een layout zijn selecteerbaar. De toolbar toont dan de naam van het veld, inclusief eventuele subvelden. Dit zorgt ervoor dat het voor de redacteur duidelijk is welke content ingevoegd kan worden in het layout veld;

Navigeren tussen componenten

In de toolbar wordt soms een knop met een pijltje-omhoog-icoon weergegeven. Met deze knop selecteer je de bovenliggende component:

• Bij tekst in een layoutveld (zoals in het onderstaande screenshot) is de bovenliggende component het layoutveld zelf.
• Bij een layoutveld is de bovenliggende component de layout.

Omdat layouts en tabellen eindeloos diep genest kunnen worden, helpt deze knop je om naar het gewenste niveau te navigeren;

Drag & Drop

Selecteerbare componenten kun je vrij over het content item verplaatsen. Dit doe je door:

• Op het element zelf te klikken en de muisknop ingedrukt te houden, of
• Het 'drag'-icoon in de linkerbovenhoek van de selectiebalk te gebruiken;

Plaatsingshulp

Op plaatsen waar het element mogelijk neergezet kan worden, verschijnt soms een extra balk met de tekst "Plaats ...". Deze balken worden alleen getoond op plekken waar het element normaal gesproken moeilijk te plaatsen is. Ze helpen je om het element precies op de gewenste positie te verplaatsen;

Personalisaties

Je kunt stukken content personaliseren met de optie "Personalisatie toevoegen" in de richtext-toolbar. De werking van personalisaties is vereenvoudigd ten opzichte van de vorige editor. Waar de oude interface voor het beheren van personalisatievarianten nogal complex en soms onduidelijk was, is het proces nu intuïtiever en gebruiksvriendelijker.

Nieuwe inline tabel

In R50 is nu ook een inline versie van de tabel beschikbaar. Deze tabel kan direct vanaf het canvas worden bewerkt. Via de richtext-toolbar voeg je eenvoudig een nieuwe tabel toe met de gewenste afmetingen;

De tabel biedt ondersteuning voor de meest gebruikte opties, zoals het toevoegen en verwijderen van rijen en kolommen, het splitsen en samenvoegen van cellen, en het horizontaal en verticaal uitlijnen van inhoud;

Bovendien kun je in deze tabellen ook complexe componenten invoegen, zoals elementen, layouts en personalisaties. De mogelijkheid om layouts in tabellen te nesten (en vice versa), en dat tot vele lagen diep, is een unieke functionaliteit die de meeste gangbare richtext editors niet bieden.

Overzichtsweergave

De nieuwe editor bevat nu de Overzichtsweergave: een handige functie die de structuur van je content inzichtelijker maakt. In deze weergave worden alle elementen op het hoogste niveau gemarkeerd, en worden alle componenten binnen het geselecteerde element getoond.

In het onderstaande voorbeeld is het "content"-veld binnen een Accordion-layout geselecteerd. De Overzichtsweergave toont vervolgens alle componenten die deel uitmaken van deze layout.

Een belangrijke eigenschap van de Overzichtsweergave is de aangepaste selectielogica. Als je bijvoorbeeld op de afbeelding uit het voorbeeld boven klikt, selecteert de eerste klik de layout, de tweede klik het layoutveld, en pas bij de derde klik het afbeeldingselement zelf. Zo navigeer je laag voor laag door de paginastructuur. Zonder Overzichtsweergave wordt het afbeeldingselement direct geselecteerd bij een enkele klik.

Snel afbeelding invoegen

Een andere nieuwe functie is de mogelijkheid om snel een afbeelding toe te voegen, zonder eerst een afzonderlijk afbeeldingselement aan te hoeven maken. In de richtext-toolbar is nu de optie "Afbeelding invoegen" beschikbaar. Met deze optie kun je een afbeelding direct uploaden vanaf je lokale computer of selecteren uit de Content Repository, waarna deze automatisch wordt omgezet in een afbeeldingselement.

Opties aan/uitzetten

Alle richtext opties kunnen (voor alle gebruikers) aan of uitgezet worden via Kanaalconfiguratie. Mocht je bijvoorbeeld geen gebruik willen maken van de nieuwe inline tabel en de header H4 tm H6, dan is deze in kanaalconfiguratie uit te zetten; 

Vragen

Heb je vragen over de nieuwe editor of wil je er eens mee testen, neem contact op met Customer Services.