[PR #5850] Enhancements: Use remark plugin in the report's Text widget #6163

Closed
opened 2026-02-28 21:24:48 -06:00 by GiteaMirror · 0 comments
Owner

Original Pull Request: https://github.com/actualbudget/actual/pull/5850

State: closed
Merged: Yes


This pull request enhances the Markdown rendering in the report's Text widget by adding support for GitHub Flavored Markdown (GFM) and improving the visual styling of Markdown elements (as in Notes.tsx).

Markdown rendering improvements:

  • Added the remark-gfm plugin and custom plugins (remarkBreaks, sequentialNewlinesPlugin) to the Markdown renderer in MarkdownCard.tsx, enabling support for GFM features such as tables, task lists, and strikethrough. [1] [2]
  • Updated the release notes to document the new support for GFM in the report Text widget.

Styling enhancements:

  • Applied detailed CSS styles to various Markdown elements (paragraphs, lists, blockquotes, code, tables, etc.) in MarkdownCard.tsx for improved readability and consistent appearance in reports.
  • <table> are rendered as display: inline-table to align with text
**Original Pull Request:** https://github.com/actualbudget/actual/pull/5850 **State:** closed **Merged:** Yes --- This pull request enhances the Markdown rendering in the report's Text widget by adding support for GitHub Flavored Markdown (GFM) and improving the visual styling of Markdown elements (as in [Notes.tsx](https://github.com/actualbudget/actual/blob/master/packages/desktop-client/src/components/Notes.tsx)). **Markdown rendering improvements:** * Added the `remark-gfm` plugin and custom plugins (`remarkBreaks`, `sequentialNewlinesPlugin`) to the Markdown renderer in `MarkdownCard.tsx`, enabling support for GFM features such as tables, task lists, and strikethrough. [[1]](diffhunk://#diff-00cabce184727acdacd3c1d7239dc0ff1fd767b82d539b334bb426f0dae98d07R13-R91) [[2]](diffhunk://#diff-00cabce184727acdacd3c1d7239dc0ff1fd767b82d539b334bb426f0dae98d07R210) * Updated the release notes to document the new support for GFM in the report Text widget. **Styling enhancements:** * Applied detailed CSS styles to various Markdown elements (paragraphs, lists, blockquotes, code, tables, etc.) in `MarkdownCard.tsx` for improved readability and consistent appearance in reports. * `<table>` are rendered as `display: inline-table` to align with text
GiteaMirror added the pull-request label 2026-02-28 21:24:49 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#6163