The Article Editor is the heart of your content creation workflow. Built on the powerful Tiptap framework, it provides a seamless, distraction-free environment for writing, formatting, and optimizing your articles for search engines. Whether you're drafting a new post from scratch or refining AI-generated content, this guide will help you master the editor's features.

Getting Started with the Editor

To access the Article Editor, navigate to the Articles section in your dashboard. You can create a new article by clicking the Create New Article button or edit an existing one by selecting it from your list. The editor interface consists of a sticky toolbar at the top, the main writing area in the center, and an SEO sidebar on the right.

Formatting Your Content

The toolbar at the top of the editor provides all the essential tools for styling your text. You can apply formatting by highlighting text and selecting an option, or by using standard keyboard shortcuts.

Text Styling

• Bold & Italic: Use the B and I icons or press Cmd+B / Cmd+I.

• Headings: Organize your content with H1, H2, and H3 tags to improve readability and SEO.

• Lists: Create bulleted (unordered) or numbered (ordered) lists to break down complex information.

• Quotes & Code: Use the Blockquote tool for citations and the Code Block tool for technical snippets.

AI Rewriter

If you need to polish your writing, highlight any section of text and click the AI Rewriter (magic wand) icon. This tool allows you to paraphrase, shorten, or optimize your content for a specific tone without leaving the editor.

Working with Images

Visuals are key to engaging your readers. You can add images by clicking the Image icon in the toolbar, dragging and dropping a file into the editor, or pasting an image directly from your clipboard.

Managing Image Alt-Text

Once an image is uploaded, you can hover over it to see the Edit Alt Text button. While the AI provides a starting point based on your keyword, you can manually refine the description to ensure it accurately depicts the visual for screen readers.

Inserting Tables and Links

For more structured data or external references, use the table and link tools.

Tables

Click the Insert Table icon to add a default 3x3 grid. Once the table is active, a specialized table toolbar will appear, allowing you to:

• Add or delete rows and columns.

• Merge or split cells.

• Toggle header rows for better organization.

Links

To add a hyperlink, you must first select the text you want to link. Click the Link icon, enter the URL (e.g., https://example.com), and save. The editor validates URLs to ensure they are formatted correctly.

Optimizing SEO Metadata

The SEO Sidebar on the right side of the editor is where you manage how your article appears in search results. Proper optimization here ensures your content reaches the right audience.

• Target Keyword: The primary phrase you want the article to rank for. This is required for AI features like alt-text generation.

• URL Slug: The specific path for your article (e.g., using-the-article-editor). Keep it short and keyword-rich.

• Meta Description: A brief summary (150-160 characters) that appears under your title in search results. Make it compelling to encourage clicks.

Saving Your Work

While the editor tracks your changes, always click the Save button in the sidebar before navigating away to ensure all edits and SEO settings are persisted. Once you're satisfied with your content, you can proceed to schedule or publish your article directly from the dashboard.