This page explains how to use the FlexDoc Editor to manage the content within your FlexDocs, such as text, images, and other media.

You can get to the FlexDoc Editor by creating a new FlexDoc or editing an existing one.

Use the toolbar for easy access to editing and formatting options. 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.

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 any icon in the floating toolbar to learn what it does.

Press the slash “/” key on your keyboard to display a list of useful options to quickly add a new, pre-formatted block to your content.

Using your mouse, right-click on a selected block to reveal additional options, such as delete, duplicate, align, Ask AI, and more.

You can add a block from the toolbar, using the slash "/" key, or by pressing Enter on your keyboard.

The Insert icon in the toolbar lets you add blocks with specific formatting (e.g., paragraph, heading 1, etc.).

Similarly, you can quickly add pre-formatted blocks using the slash "/" key.

After typing a “/”, use your mouse or the arrow keys on your keyboard to select the type of block you want to add, then press Enter. You can also start typing the name of the block you want to add after the slash “/”.

You can add the following types of content from the slash "/" key:

If you are already in a block, press Enter on your keyboard to add a new one. In some cases, such as when inside a bulleted list, pressing Enter will add another block with the same formatting (i.e., add another bullet to your list).
​

Change the order of your content’s blocks by clicking and holding the Block icon beside the block you want to move and dragging it to a new location.

With Joy’s formatting tools, you have numerous options for changing the appearance of text in your FlexDoc. For example, you can make text bold, change its size or color, or convert regular text into a heading.

Below is a list of text formatting options and where you can find them.

Change the alignment of your text, an image, or a video by highlighting it or clicking the Block icon (to select a block).

Next, either right-click the highlighted text or click the arrow beside the Align icon in the toolbar. Select your preferred alignment: left, center, right, or justified.

Using the toolbar or the slash “/” key, you can add different styles of lists to your content, such as numbered, bulleted, and to-do lists.

If you use the toolbar, the numbered and bulleted list styles have additional options that you can access by clicking the arrow.

If you highlight one or more text blocks and then click one of the list options in the toolbar or floating toolbar, the selected blocks will become list items.

A toggle list is a section that you can click to open and close — you can think of it like a collapsible heading you can expand to see more. The first line you type will be what you see when that section is closed. After typing that first line, open the toggle by clicking the arrow (when it is “open” it will be pointing down). Then, press the Enter key on your keyboard and enter your content.

Add a link by highlighting some text and then clicking the Link icon in the toolbar or floating toolbar.

You can add a table from either the toolbar or using the slash “/” key.

When you add a table from the toolbar, you can click the arrow beside the Table icon and hover over the squares to specify the number of rows and columns you want in the table.

Adding a table from the slash "/" key automatically adds a 2 x 2 table to your content that you can customize.

Resize a row’s height or a column’s width by clicking the border and dragging it.

Click anywhere on the table to display a floating toolbar.

From here you can change the background color of a cell (a specific square within the table) by clicking the Background Color icon. You can also click the Borders icon to control which borders are displayed for a cell.

While in a cell, you can use the up and down arrow icons to add a new row above or below it or delete the row.

While in a cell, use the left and right arrow icons to add a column to the left or right or delete the column.

While in a cell, click the Delete icon to delete the table and all its contents.

Click the Image icon in the toolbar to upload an image from a file.

You can also click the arrow beside the Image icon to insert an image from a URL.

You can upload the following image file types:

Resize the inserted image by hovering over it and dragging the bars on either side of the image left and right.

If you want to add a caption, click the image, then click Caption in the floating toolbar.

To remove the image, select it, then click the Delete icon in the floating toolbar.

Click the Video icon in the toolbar to upload a video from a file.

You can also click the arrow beside the Video icon to insert a video from a URL.

You can upload the following video types:

Resize the inserted video by hovering over it and dragging the bars on either side of the video left and right.

To remove the video, select the video block by clicking the Block icon and then press Delete on your keyboard.

Click the Audio icon to upload audio from a file.

You can also click the arrow beside the Audio icon to insert audio from a URL.

You can upload the following audio types:

Users viewing your content can listen to the audio using familiar playback controls.

Click the File icon to upload a file that’s not an image, video, or audio. For example, use this to upload a PDF to your content.

You can also click the arrow beside the File icon to insert a file from a URL.

Users viewing your content can either download the file or, in some cases, view it from their browser.

Quickly create a column layout by clicking Insert option in the toolbar or the slash “/” key and selecting 3 Columns.

Alternatively, you can highlight some content (e.g., text, image) or click the Block icon to select a block, then use the toolbar or floating toolbar to convert it into a column layout.

Click within a column to view several different arrangement options. Columns are a great way to display a block of text beside an image.

Click the Delete icon to delete your columns and all of the contents.

If you make a mistake and want to go back, click the Undo icon in the toolbar or use the keyboard shortcut Ctrl+Z.

Click the Redo icon in the toolbar or use the keyboard shortcut Ctrl+Y to reverse the undo.

By default, there are 1.5 lines of space between each line of text on a page.

To adjust the amount of spacing between lines, highlight the text or click the Block icon to select the block. Next, click the Line Height icon in the toolbar and select the amount of space you want between each line.

To change the indentation of text, highlight the text or click the Block icon to select the block. Push text to the right by clicking the Indent icon in the toolbar. Push text toward the left by clicking the Outdent icon. You can also right-click on the highlighted text to indent or outdent it.

To duplicate a block of content, click the Block icon to select the block. Then, right-click and select Duplicate. This will create a copy of the block immediately below the selected content.

JoySuite has several powerful, built-in AI tools to help you create and modify content quickly and easily.

Click the AI commands icon in the toolbar or the AI icon in the slash “/” menu to quickly generate new text. The options available may differ depending on whether you already have content on the page.

Need help writing content? Enter a question or prompt in the Ask AI anything… field then press Enter on your keyboard.

Joy’s built-in AI uses your prompt to write content and gives you the option to do any of the following:

Use your existing content as a starting point to generate additional text. For example, the AI may perform various actions, such as expanding on the story, adding supporting details, or introducing related topics.

Summarize your existing content to focus on the main points. For example, the AI may perform various actions, such as extracting key information, identifying the main topics, or providing a high-level overview.

Add more information to explain your existing content further. For example, the AI may perform various actions, such as providing definitions for technical terms, extra context, examples, or answering “why” and “how” questions.

To improve your existing content with AI, highlight some text or click the Block icon to select a block. Then, right-click and select Ask AI. This will give you several options, including improve writing, emojify, make longer, make shorter, fix spelling & grammar, and simplify language.

After picking one of the options, the AI will generate the revised text and give you the option to do the following:

Write the highlighted content in a more effective way. For example, the AI may perform various actions, such as improving your writing in terms of clarity, grammar, conciseness, structure, or fluency.

Add relevant emojis to the highlighted content to make it more playful or convey emotion.

Expand on the highlighted text to make it longer or more detailed. For example, the AI may perform various actions, such as elaborating on the content, expanding on ideas, providing examples, or adding extra context.

The highlighted text should be more concise. For example, the AI may perform various actions, such as summarizing your text, eliminating redundancy, shortening long sentences, or removing unnecessary details.

Correct any issues with spelling and grammar in the highlighted text. For example, the AI may perform various actions, such as improving sentence structure, adding missing punctuation, or fixing capitalization errors.

Rewrite the highlighted text using simpler words and sentences so it’s easier for a general audience to understand. For example, the AI may perform various actions, such as simplifying the vocabulary, shortening sentences, or using a more direct tone.