Documentmodus: Markdown in tabelcellen (en inline code) blijft in de visuele stand als tekens staan #1567

Closed
opened 2026-08-19 08:03:02 +00:00 by brenno · 2 comments
Owner

Wat er gebeurt

Markdown-opmaak in een tabelcel**vet**, *cursief*, `code` — wordt in de voorbeeldweergave naast de bron netjes opgemaakt getoond, maar in de visuele modus zie je de sterretjes en backticks gewoon staan. Ook buiten tabellen loopt het niet gelijk: een stukje tekst in inline code ziet er in de visuele stand anders uit dan in het voorbeeld bij de bron.

Waarom dat erg is

De hele belofte van de visuele stand is dat je ziet wat je krijgt. Nu verschilt de look and feel tussen bron+voorbeeld en visueel, en de gebruiker kan niet meer vertrouwen op wat hij ziet: welk van de twee klopt met de uiteindelijke export?

Stappen om het te zien

  1. Maak een document met een tabel waarin een cel **vet** en een cel `code` bevat.
  2. Bekijk hem in de bronstand — het voorbeeld toont vet en code opgemaakt.
  3. Schakel naar de visuele stand — in de tabel staan de sterretjes en backticks als tekens.

Verwacht

Eén renderwereld: de tabelcellen in de visuele stand tonen dezelfde opmaak als het voorbeeld, en inline code ziet er in beide even ver hetzelfde uit. Wat je in de cel typt blijft Markdown (de bron is de waarheid), maar wat je ziet is de opmaak.

Raakvlak

lib/widgets/reader/table_editable_cell.dart, lib/widgets/reader/table_edit_controller.dart, lib/widgets/markdown_editor/table_embed_builder.dart, lib/widgets/markdown_editor/markdown_editor_theme.dart (inline-code-stijl).

## Wat er gebeurt Markdown-opmaak *in een tabelcel* — `**vet**`, `*cursief*`, `` `code` `` — wordt in de voorbeeldweergave naast de bron netjes opgemaakt getoond, maar in de **visuele modus** zie je de sterretjes en backticks gewoon staan. Ook buiten tabellen loopt het niet gelijk: een `stukje tekst` in inline code ziet er in de visuele stand anders uit dan in het voorbeeld bij de bron. ## Waarom dat erg is De hele belofte van de visuele stand is dat je ziet wat je krijgt. Nu verschilt de look and feel tussen bron+voorbeeld en visueel, en de gebruiker kan niet meer vertrouwen op wat hij ziet: welk van de twee klopt met de uiteindelijke export? ## Stappen om het te zien 1. Maak een document met een tabel waarin een cel `**vet**` en een cel `` `code` `` bevat. 2. Bekijk hem in de bronstand — het voorbeeld toont vet en code opgemaakt. 3. Schakel naar de visuele stand — in de tabel staan de sterretjes en backticks als tekens. ## Verwacht Eén renderwereld: de tabelcellen in de visuele stand tonen dezelfde opmaak als het voorbeeld, en inline code ziet er in beide even ver hetzelfde uit. Wat je in de cel typt blijft Markdown (de bron is de waarheid), maar wat je ziet is de opmaak. ## Raakvlak `lib/widgets/reader/table_editable_cell.dart`, `lib/widgets/reader/table_edit_controller.dart`, `lib/widgets/markdown_editor/table_embed_builder.dart`, `lib/widgets/markdown_editor/markdown_editor_theme.dart` (inline-code-stijl).
Author
Owner

Opgepakt in tak fix/visuele-modus-bron (worktree), samen met #1565 en #1566 — hetzelfde oppervlak.

Opgepakt in tak `fix/visuele-modus-bron` (worktree), samen met #1565 en #1566 — hetzelfde oppervlak.
Author
Owner

Opgelost op main in PR #1574 (merge f3389a49).

De cel waar je niet in staat toont nu de opgemaakte lezing — dezelfde InlineMarkdownText als de gelezen tabel — over het tekstveld heen; het veld blijft eronder staan met onzichtbare tekst, zodat focus, cursor, kolombreedte en rijhoogte niet verspringen op het moment dat je erin klikt. De cel waar de cursor in staat toont zijn Markdown, want dát is wat je bewerkt. En code kreeg in de documentweergave hetzelfde vlakje als in het schrijfvlak van de visuele editor: dat was het verschil dat je bij een stukje tekst buiten een tabel zag.

Bij het nakijken in de draaiende app bleek de opgemaakte lezing een haar hoger uit te komen dan het tekstveld, waardoor de rij de staarten van de letters afsneed; dat is in dezelfde tak hersteld (commit 6dca1094).

Getoetst met document_visual_inline_markup_test.dart.

Opgelost op main in PR #1574 (merge `f3389a49`). De cel waar je niet in staat toont nu de opgemaakte lezing — dezelfde `InlineMarkdownText` als de gelezen tabel — over het tekstveld heen; het veld blijft eronder staan met onzichtbare tekst, zodat focus, cursor, kolombreedte en rijhoogte niet verspringen op het moment dat je erin klikt. De cel waar de cursor in staat toont zijn Markdown, want dát is wat je bewerkt. En `code` kreeg in de documentweergave hetzelfde vlakje als in het schrijfvlak van de visuele editor: dat was het verschil dat je bij een `stukje tekst` buiten een tabel zag. Bij het nakijken in de draaiende app bleek de opgemaakte lezing een haar hoger uit te komen dan het tekstveld, waardoor de rij de staarten van de letters afsneed; dat is in dezelfde tak hersteld (commit `6dca1094`). Getoetst met `document_visual_inline_markup_test.dart`.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
LibreKAT/Ocideck#1567
No description provided.