The FlexDoc Editor is a powerful tool in Joy where you can create professional and flexible documents known as FlexDocs. Quickly build rich documents featuring pages, text, images, tables, lists, AI-generated content, and more. Then, when you're ready, publish the FlexDoc to share it with your users.

The FlexDoc Editor for a document titled HR Policy Guide. The editor shows the Welcome page with text, an embedded image of a group of people, and the slash menu open.

Parts of the FlexDoc Editor

The FlexDoc Editor has several key parts. Being familiar with these parts will help you as you add content to your FlexDoc.

Header

At the top of the FlexDoc Editor is the header where you’ll see the FlexDoc’s name. You can quickly rename a FlexDoc by hovering over the name and clicking the Edit icon.

Depending on the current state of your FlexDoc, you’ll see different buttons in the FlexDoc Editor:

Create Draft: Visible when you haven’t made any changes to a published FlexDoc. Click this button to create an editable version of your FlexDoc where you can make changes to its contents.

The header area of a FlexDoc. An arrow is pointing to a button that says Create Draft.

Publish: Visible when you’re viewing a draft. Click this to make your changes visible to other users.

The header area in the FlexDoc Editor. An arrow is pointing to a button that says Publish.

Edit Draft: Visible when you’re viewing the published version of a FlexDoc. Click this to switch to the draft where you can update the contents. You can also use the dropdown to switch between the draft and published version of the FlexDoc.

The header of a FlexDoc called HR Policy Guide. One arrow points to the Edit Draft button. Another arrow points to the Draft option in the dropdown menu.

Click the Information icon. Information icon to quickly view and edit the FlexDoc’s details. The More Actions icon. More Actions icon lets you access options to view the FlexDoc’s details, edit its settings, and assign it.

The header area in the FlexDoc Editor. An arrow is pointing to the More Actions icon which is open to reveal options such as About Edit Details and Assign.

Pages tree menu

Each FlexDoc is made up of one or more pages. All the pages in your FlexDoc are listed in a tree menu, allowing you to easily scan your content and navigate quickly.

The FlexDoc Editor. A box highlights the Pages panel on the left side of the screen. An arrow is pointing to the panel.

Click on any page to view and edit its contents.

The FlexDoc Editor. A box highlights the content editor on the right side of the screen. An arrow is pointing to the box.

Toolbar

Use the toolbar for easy access to editing and formatting options, or to insert images, videos, and tables. You can also use it to access AI tools that will help you generate and refine your content. If it looks familiar, that’s because it’s similar to the ones in tools such as Microsoft Word and Google Docs.

If you’re using a mouse or trackpad, you can hover over any icon in the toolbar to learn what it does.

Floating toolbar

When you highlight content in the editor, a floating toolbar appears. The options displayed in the floating toolbar will depend on what you have highlighted. For example, the options when text is selected will differ from those when you have an image selected.

If you’re using a mouse or trackpad, hover over any icon in the floating toolbar to learn what it does.

Slash "/" menu

Press the / key on your keyboard to display a list of useful options to quickly format your text, add images, and more.

A forward slash typed in the FlexDoc Editor. A dropdown listing different types of blocks is shown.

✨ Ready to get started?

To learn how to add, rename, move, and delete pages from a FlexDoc, see FlexDoc Editor: Managing Pages.
To learn how to save a draft or publish a FlexDoc, see FlexDoc Editor: Managing Drafts and Publishing.
To learn how to add and format a FlexDoc’s content, see FlexDoc Editor: Managing Content.

About FlexDocs

FlexDoc Editor: Managing pages

FlexDoc Editor: Managing content

Viewing and assigning FlexDocs

FlexDoc Editor: Managing drafts and publishing