Skip to content

Conversation

@Robbert
Copy link
Member

@Robbert Robbert commented Dec 14, 2025

Language select

Het is nu mogelijk om op meerdere componenten de dir en lang attributen te hebben, en om ze in te stellen. In de toolbar is een menu waarin je de taal kan aanpassen. Je hebt de keuze uit de 24 officiële talen van de Europese Unie, en twee right-to-left talen. Wanneer je de taal aanpast, wordt ook gelijk de dir aangepast.

Right-to-left

Right-to-left informatie moet niet verloren gaat als die in je HTML zitten. Ik heb de dir expliciet toegevoegd aan enkele individuele componenten. Ik had het ook aan de global attributes kunnen toevoegen, maar op deze manier staan ze beter op de radar om ook expliciet toe te voegen aan de acceptatiecriteria van de component bij NL Design System.

NL Design System componenten

Code, Code Block en Mark

Het zijn niet een alledaags componenten, en ik verwacht niet dat 'ie standaard in de toolbar terechtkomen wanneer we de rich text editor uitbrengen, maar het is goed dat het een optie is, en dat documenten met deze componenten ingeladen kunnen worden zonder informatieverlies.

CSS voor NL Design System componenten

Op dit moment hebben de inhoud van de rich text editor de standaard-opmaak van de pagina. Met deze wijzigingen zijn de volgende componenten opgemaakt met de CSS van NL Design System componenten:

  • Code
  • Code Block
  • Unordered List
  • Ordered List
  • Heading
  • Paragraph
  • Mark
  • Link

Nog even niet gedaan: Table, want die had geen HTMLAttributes optie bij .configure() 🤔

Fix voor hidden

Als je display: flex op een custom element zet, dan werkt <custom-element hidden> niet meer. Alle web componenten bij Utrecht, zoals <utrecht-button>, hebben een toevoeging in de CSS om [hidden] expliciet te supporten. Het is ook altijd onderdeel van de unit tests, ook bij React componenten. Omdat de Utrecht Button niet was gebruikt, maar een custom toolbar-button component, werkte hidden niet.

@vercel
Copy link

vercel bot commented Dec 14, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
editor Ready Ready Preview, Comment Dec 14, 2025 10:12pm

@Robbert Robbert changed the title Feat/editor features feat: random features Dec 14, 2025
@sonarqubecloud
Copy link

@Robbert Robbert mentioned this pull request Dec 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants