Skip to content

feat: language select & LTR/RTL#130

Merged
hilhorstt merged 20 commits intomainfrom
feat/editor-features
Jan 26, 2026
Merged

feat: language select & LTR/RTL#130
hilhorstt merged 20 commits intomainfrom
feat/editor-features

Conversation

@Robbert
Copy link
Copy Markdown
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
Copy Markdown

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 Jan 26, 2026 2:33pm

Request Review

@sonarqubecloud
Copy link
Copy Markdown

@Robbert Robbert mentioned this pull request Dec 16, 2025
hilhorstt added a commit that referenced this pull request Jan 12, 2026
Create PR for one of the fixes from this mega PR:

#130

Wrap the toolbar on small screens and add unit tests

---------

Co-authored-by: timhilhorst <tim.hilhorst@ictu.nl>
@hilhorstt hilhorstt force-pushed the feat/editor-features branch from ee6e610 to d15b23e Compare January 20, 2026 13:06
@hilhorstt hilhorstt changed the title feat: random features feat: language select & LTR/RTL Jan 22, 2026
@hilhorstt hilhorstt marked this pull request as ready for review January 22, 2026 08:39
@hilhorstt hilhorstt requested a review from a team as a code owner January 22, 2026 08:39
hilhorstt
hilhorstt previously approved these changes Jan 26, 2026
@sonarqubecloud
Copy link
Copy Markdown

@hilhorstt hilhorstt enabled auto-merge (squash) January 26, 2026 14:57
@hilhorstt hilhorstt merged commit 25545b3 into main Jan 26, 2026
13 checks passed
@hilhorstt hilhorstt deleted the feat/editor-features branch January 26, 2026 14:57
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.

Essentiële Candidate / Community componenten gebruiken in rich text content van editor

2 participants