Toolbar over the text field: picture, bold, italic, quote

littlefox commented

2026-10-20 11:20:51 +00:00

Owner

User (D-052, points 8 and 9): "The "image" field in the new post screen is obtrusive. Take a page from Teams, Reddit or Discord and make it another button in the text field or add it similar to a "rich text" toolbar on top of the "text" field." and "In the "new post" window there is no good way of adding italics, bold or other types of text weight or details."

Plan: a small toolbar over the text field: picture (attach; paste and drop keep working), bold, italic, quote, link. The picture shows as a thumbnail with a remove button instead of a file field. Bold and italic insert the light conventions the reader already renders (*fet*, /kursiv/, > quotes, DESIGN "Light formatting"), so the stored text stays plain and reads the same in elisp ("What we won't do": no Markdown/HTML). Keyboard: Ctrl+B / Ctrl+I.

User (D-052, points 8 and 9): "The "image" field in the new post screen is obtrusive. Take a page from Teams, Reddit or Discord and make it another button in the text field or add it similar to a "rich text" toolbar on top of the "text" field." and "In the "new post" window there is no good way of adding italics, bold or other types of text weight or details." Plan: a small toolbar over the text field: picture (attach; paste and drop keep working), bold, italic, quote, link. The picture shows as a thumbnail with a remove button instead of a file field. Bold and italic insert the light conventions the reader already renders (`*fet*`, `/kursiv/`, `>` quotes, DESIGN "Light formatting"), so the stored text stays plain and reads the same in elisp ("What we won't do": no Markdown/HTML). Keyboard: Ctrl+B / Ctrl+I.

littlefox added this to the 0.5: Smooth edges milestone

2026-10-20 11:20:51 +00:00

littlefox added the

kind/feature

area/writing

labels

2026-10-20 11:20:51 +00:00

littlefox referenced this issue

2026-10-20 11:21:00 +00:00

Compose view tidy-up #187

littlefox referenced this issue from a pull request that will close it,

2026-10-20 17:42:27 +00:00

Put a toolbar over the text field: picture, bold, italic, quote #203

littlefox referenced this issue from a commit

2026-10-20 17:42:28 +00:00

Put a toolbar over the text field: picture, bold, italic, quote

littlefox referenced this issue from a commit

2026-10-20 18:06:15 +00:00

Update the compose screen's reference images

littlefox closed this issue

2026-10-20 18:13:26 +00:00

littlefox commented

2026-10-20 18:41:51 +00:00

Author

Owner

Done in #203 (main green). The text field sits in one box with a toolbar: picture (the file field is hidden behind the button; paste and drop still work; the picture shows as a thumbnail in the box with Ta bort bilden), bold, italic and quote, plus Ctrl+B / Ctrl+I. They write …, /…/ and > quotes, the plain-text conventions the reader renders, so elisp shows the same text. Verified with e2e/tests/toolbar.spec.ts (bold around a selection, Ctrl+I with nothing selected, quoting two lines, picking and removing a picture) and the existing post-image, paste, compose and drafts specs, on desktop, Android and iPhone; screenshots toolbar.png checked; full e2e 289 passed.

Done in #203 (main green). The text field sits in one box with a toolbar: picture (the file field is hidden behind the button; paste and drop still work; the picture shows as a thumbnail in the box with Ta bort bilden), bold, italic and quote, plus Ctrl+B / Ctrl+I. They write *…*, /…/ and > quotes, the plain-text conventions the reader renders, so elisp shows the same text. Verified with e2e/tests/toolbar.spec.ts (bold around a selection, Ctrl+I with nothing selected, quoting two lines, picking and removing a picture) and the existing post-image, paste, compose and drafts specs, on desktop, Android and iPhone; screenshots toolbar.png checked; full e2e 289 passed.

Rows
Columns

Toolbar over the text field: picture, bold, italic, quote #183