Article Editor Guide

Overview

The Article Editor is a powerful rich text editor that allows you to view, edit, and refine your AI-generated content. It supports embedded images, Google Maps, tables, and advanced formatting options.

Accessing the Editor

You can access the Article Editor from:

1. Content History - Click "Edit" on any article
2. PSEO Project Output - Click on generated articles
3. Direct URL - /user/history/[id]/edit

Featured Image

At the top of the editor, you can set a featured image for your article:

Setting Featured Image

1. Enter the image URL in the "Featured Image" field at the top
2. The image will be used as the article thumbnail
3. WordPress will use this as the post featured image

Featured Image Best Practices

• Use high-quality images (minimum 1200x630px)
• Ensure the URL is publicly accessible
• Use images from your PSEO project's generated images

Saving Your Work

The Save button is located at the top right of the editor:

Save Options

• Save - Save changes without publishing
• Save & Publish - Save and sync to WordPress (if connected)

For WordPress Publications

When editing a published WordPress post:

1. Changes are saved locally first
2. Content syncs to your WordPress site
3. Post is updated on the live site

For Draft Articles

When editing draft content:

1. Changes are saved to the database
2. Article remains in draft status
3. Publish later from Content History

Editor Interface

Content Section & Toolbar

Below the featured image is the Content section with the formatting toolbar:

• Text Type Selector - Convert block type (paragraph, heading, quote)
• Formatting Toolbar - Quick access to text formatting
• Content Area - Where you edit your article

Available Formatting Options

Advanced Features

The editor supports additional features through the slash command menu (type /):

• Headings - H1, H2, H3 headings
• Blockquotes - Styled quote blocks
• Code Blocks - Syntax-highlighted code
• Tables - Data tables
• Callouts - Highlighted information boxes
• Columns - Multi-column layouts
• Math - LaTeX math equations
• Table of Contents - Auto-generated TOC
• Toggles - Collapsible sections

Content Area

The main editing area displays your article content:

Text Content

Edit text directly in the editor:

• Click anywhere to position cursor
• Select text to format
• Use toolbar or keyboard shortcuts
• Drag blocks to reorder

Structured Content from PSEO

When editing articles generated from PSEO projects, the content follows your template structure:

The content typically includes:

• Headings - Section headers from your template
• Paragraphs - AI-generated text based on your data
• Data Fields - Information pulled from your dataset

Content Details

As you scroll through the article, you'll see different sections of your generated content:

Embedded Images

One of the most powerful features is automatic image embedding from your PSEO data.

How Image Embeds Work

When you define image type columns in your PSEO project, the generated articles automatically include:

1. AI-Generated Images - Created from your image prompts
2. Alt Text - Automatically generated for SEO
3. Responsive Sizing - Images adapt to content width

Image Types from PSEO

Common image column types in PSEO projects:

Google Maps Integration

Articles can include embedded Google Maps for location-based content.

How Map Embeds Work

When you define location type columns in your PSEO project:

1. Place Search - AI finds relevant locations via Google Places API
2. Map Generation - Interactive map embed is created
3. Business Info - Place name and details are included

Map Features

Each embedded map includes:

• Interactive Map - Users can zoom, pan, and explore
• Place Marker - Exact location pinned
• Business Name - Displayed above or below the map
• Directions Link - Users can get directions

Use Cases for Map Embeds

Maps are ideal for:

• Local Business Pages - "Best [service] in [city]"
• Travel Content - "Top attractions in [destination]"
• Store Locators - "Where to buy [product]"
• Event Venues - Location-based event pages

Working with PSEO Content

Understanding Template Variables

PSEO-generated content uses your data columns as variables:

## About {{textile_type}}

{{history_summary}}

### Origin
{{origin_region}}

### Characteristics
{{key_characteristics}}

Internal Link Resolution

The editor automatically resolves internal links:

• Links to other articles in your PSEO project
• URLs generated based on your slug patterns
• Broken links are highlighted for review

Editing Generated Content

Best practices for editing AI-generated articles:

1. Review for Accuracy - Verify facts and data
2. Add Personal Touch - Include unique insights
3. Check Links - Ensure all internal links work
4. Optimize Images - Verify alt text is appropriate
5. Verify Maps - Confirm location accuracy

Keyboard Shortcuts

Troubleshooting

Images Not Loading

• Check if the image URL is valid
• Ensure images are publicly accessible
• Verify CDN/media server is running

Maps Not Displaying

• Google Maps API may need configuration
• Check if place ID is valid
• Verify map embed permissions

Content Not Saving

• Check network connection
• Ensure you have edit permissions
• Try refreshing and re-editing

Formatting Lost

• Some HTML may not be supported
• Use supported formatting options
• Check for invalid markup in source