MarkdownEditor

A rich text field whose value is Markdown, with a toolbar for bold, italic, headings, lists and links. Reach for it over TextArea when the person is writing prose that gets rendered later, and keep TextArea when the raw Markdown is the point.

Playground

The value in and out is Markdown. The toolbar edits the document; maxLength counts the serialized Markdown, so an edit past the limit is refused rather than truncated.

presentation
749 / 4000

Type @ to mention someone or something from your brain, / for a block, a tool or one of your agents. Paste or drop an image to embed it. A mention is saved as a link to the object, a tool as /its_name, and a chat card tag keeps its place as a block.

## What changed

Every artifact picks up your **colors**, fonts and logo. Ask [Dana Whitfield](/graph/object/p1 "person") at [Acme Robotics](/graph/object/c1 "company") for the brief.

**[Read the launch note](https://youspot.com/blog/launch)** went out this morning.

<ui-component type="stats_card" days="30" source="x"></ui-component>

![Chat writes documents](https://picsum.photos/id/1/960/540#w=520&cap=Chat+writes+documents&to=https%3A%2F%2Fyouspot.com%2Fchat&k=docs-in-chat)

![Web links keep the page](#cap=Web+links+keep+the+page&to=https%3A%2F%2Fyouspot.com%2Fuser%2Ffiles&k=web-links&state=recording)

- [x] Social images
- [ ] Branded emails
- [ ] PDFs

| Artifact | Status |
| --- | --- |
| Social image | Ready |
| Email | In review |
<MarkdownEditor
  label="Body"
  value={markdown}
  onChange={setMarkdown}
  maxLength={4000}
  presentation="form"
/>

Expanded

The same editor in its modal, which the expand control in the corner opens. One source of truth: the text you typed inline is the text here, and closing keeps it.

## What changed

Every artifact picks up your **colors**, fonts and logo. Ask [Dana Whitfield](/graph/object/p1 "person") at [Acme Robotics](/graph/object/c1 "company") for the brief.

**[Read the launch note](https://youspot.com/blog/launch)** went out this morning.

<ui-component type="stats_card" days="30" source="x"></ui-component>

![Chat writes documents](https://picsum.photos/id/1/960/540#w=520&cap=Chat+writes+documents&to=https%3A%2F%2Fyouspot.com%2Fchat&k=docs-in-chat)

![Web links keep the page](#cap=Web+links+keep+the+page&to=https%3A%2F%2Fyouspot.com%2Fuser%2Ffiles&k=web-links&state=recording)

- [x] Social images
- [ ] Branded emails
- [ ] PDFs

| Artifact | Status |
| --- | --- |
| Social image | Ready |
| Email | In review |
<MarkdownEditor
  label="Body"
  value={markdown}
  onChange={setMarkdown}
  defaultExpanded
/>

Ask YouSpot on a selection

Select text and the bar offers Ask YouSpot, or type / and pick it to write from the cursor. The rewrite shimmers in place while it runs, the new words fade in where the old ones were, and Keep or Undo settles it.

Select a sentence and pick Ask YouSpot, or type / and pick Ask YouSpot to write from the cursor.

<MarkdownEditor
  label="Notes"
  value={markdown}
  onChange={setMarkdown}
  assist={askYouSpot}
/>