# Content editor

Source: https://amplitude.com/docs/guides-and-surveys/content-editor

---

On this page

- [Markdown support](#markdown-support)
- [Example Markdown content](#example-markdown-content)
- [HTML and inline CSS](#html-and-inline-css)
- [Example HTML with inline CSS](#example-html-with-inline-css)
- [Custom CSS on themes](#custom-css-on-themes)

# Content editor

The content editor in Guides and Surveys supports rich content creation through Markdown and HTML, giving you control over how your content appears to users. The content editor works for the content field only. Other fields, such as titles or buttons, aren't supported.

## Markdown support

The description editor supports standard Markdown formatting, so you can create rich text content without writing HTML. Use Markdown for:

- \*\*Bold text\*\* and \*italic text\* or \_italic text\_
- Headers and subheaders
- Lists (bulleted and numbered)
- Links and images
- Code blocks and inline code

### Example Markdown content

markdown

```
## Welcome to our *new* feature!

This **important update** includes:

1. Enhanced performance
2. New user interface
3. Better accessibility

> **Note:** This feature is available to all users.

For more information, visit our [help center](/help).

## HTML and inline CSS

For advanced customization, you can use HTML with inline CSS directly in the step description editor. HTML with inline CSS gives you control over styling and layout.

HTML is sanitized

Anything outside of inline styling, such as an `onclick`, is ignored.

### Example HTML with inline CSS

html

<h2 style="margin: 0 0 10px 0; font-size: 24px; color: blue;">Special Announcement</h2>
<p style="margin: 0; font-size: 16px; background:yellow;">We're excited to share this update with you!</p>

## Custom CSS on themes

For more systematic use of custom CSS, you can write custom CSS directly in your [themes](/docs/guides-and-surveys/themes#advanced-customization-with-custom-css). Use the CSS selectors in the [Custom CSS documentation](/docs/guides-and-surveys/custom-css) to target specific elements and create cohesive designs across all your guides and surveys.

Content preview

Use the theme preview feature to see how your Markdown and HTML content will appear to users before publishing your guide or survey.

Was this helpful?

<!--$-->

<!--/$-->