Skip to content

UX: Show the quoted user's avatar in rich editor quotes - #42446

Draft
renato wants to merge 2 commits into
mainfrom
prosemirror-quote-avatar
Draft

UX: Show the quoted user's avatar in rich editor quotes#42446
renato wants to merge 2 commits into
mainfrom
prosemirror-quote-avatar

Conversation

@renato

@renato renato commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

Quotes in the rich editor showed only the quoted user's name, while cooked posts also showed their avatar. Glimmer node views always rendered a generic div/span wrapper and appended the editable content to it, so a quote could not produce the aside.quote > .title + blockquote markup its styles rely on.

This change lets node view descriptors declare their tag, contentTag and attrs, and hands components the editable content as their block to place with {{yield}}, then uses that to render the quoted user's avatar in the quote header, matching the cooked output.

@github-actions github-actions Bot added the rte label Aug 7, 2026
@renato
renato marked this pull request as draft August 7, 2026 18:55
@renato
renato force-pushed the prosemirror-quote-avatar branch 2 times, most recently from 108b8a2 to a308518 Compare August 7, 2026 19:59
Glimmer node views always rendered a generic div/span wrapper and
appended the editable content to it, so nodes needing specific markup
had to use a plain node view class instead.

Node view descriptors now accept `tag`, `contentTag` and `attrs`, and
components with content receive it as their block, placing it with
`{{yield}}`.
@renato
renato force-pushed the prosemirror-quote-avatar branch from a308518 to 138ecaa Compare August 7, 2026 21:13
@renato
renato force-pushed the prosemirror-quote-avatar branch from 138ecaa to 6db5c9d Compare August 8, 2026 18:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Development

Successfully merging this pull request may close these issues.

1 participant