> For the complete documentation index, see [llms.txt](https://docs.feedotter.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.feedotter.com/modern-newsletters/using-the-editor.md).

# Using the Editor

The Modern Newsletter editor uses a block-based editing experience that allows you to create and organize content visually.

The editor consists of a central editing canvas and a left sidebar containing tools for managing content, styles, media, and more.

### Editor Overview

The main editing area is where you build your newsletter by adding, arranging, and editing content blocks.

<div data-with-frame="true"><figure><img src="/files/Mmzi7fR6dOsB26dc3owT" alt=""><figcaption></figcaption></figure></div>

Content can be moved, edited, and rearranged directly within the editor.

### Content

The **Content** tab displays content from the content sources connected to your Feedotter account.

<div align="left" data-with-frame="true"><figure><img src="/files/vrQveq9nWGyaNqFL3sK4" alt="" width="410"><figcaption></figcaption></figure></div>

To add content to your newsletter:

1. Open the **Content** tab.
2. Locate the article or content item you want to use.
3. Drag the content into the editor.

Once added, you can edit elements of the content directly within the newsletter.

### Blocks

The **Blocks** tab is currently under development and will be available in a future release.

<div align="left" data-with-frame="true"><figure><img src="/files/BmxlCty1jQn5DcSL1rAW" alt="" width="433"><figcaption></figcaption></figure></div>

As Modern Newsletters evolves, Blocks will provide additional building and layout options for newsletter creation.

### Styles

The **Styles** tab allows you to control the overall appearance of your newsletter.

<div align="left" data-with-frame="true"><figure><img src="/files/pnRE0bvHYdFxGWmFbuPR" alt="" width="288"><figcaption></figcaption></figure></div>

From this panel, you can adjust styling options that affect the look and feel of your newsletter as a whole (font family, heading sizes, etc.)&#x20;

### Media

The **Media** tab provides access to your Feedotter media library.

<div align="left" data-with-frame="true"><figure><img src="/files/819D2sF0yVUiPgxYfmGR" alt="" width="434"><figcaption></figcaption></figure></div>

From here, you can:

* Browse existing images in your account
* Insert images into your newsletter
* Upload new images to your media library

To upload an image:

1. Open the **Media** tab.
2. Click **the upload button within the Search Images bar.**&#x20;
3. Select the image you want to upload.

### Adding New Blocks

You can add new content blocks to your newsletter in two ways:

* Click the **Add (+)** button within the editor
* Type **/** while editing

<div align="left" data-with-frame="true"><figure><img src="/files/3iT3Uuj8DqamVE088ktF" alt=""><figcaption></figcaption></figure></div>

This opens the block menu, where you can insert items such as:

* Bullet Lists
* Numbered Lists
* Block Quotes
* Images
* Columns
* Sections

You may also see options for embedding content from supported sources such as:

* X (Twitter)
* LinkedIn
* YouTube
* Articles

Available options may change as the editor continues to evolve.

### Editing Content

Most content can be edited directly within the editor.

<div align="left" data-with-frame="true"><figure><img src="/files/WGMdPyKiAt9O1fxfn8bE" alt=""><figcaption></figcaption></figure></div>

<div align="left" data-with-frame="true"><figure><img src="/files/kvyTwjKv6gNU7J4OSxc5" alt=""><figcaption></figcaption></figure></div>

For example, you can:

* Update headlines
* Edit text
* Modify content blocks
* Rearrange content within the newsletter

Changes are made directly within the newsletter canvas, allowing you to see your edits as you work.

{% hint style="warning" %}
**Beta Feature:** Modern Newsletters is still under active development. Features, menus, and workflows may change as the editor continues to evolve. You may experiene bugs or issues. Please contact our team to provide us with feedback at <success@feedotter.com>&#x20;
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.feedotter.com/modern-newsletters/using-the-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.