> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shieldbase.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor

> Create content with AI in an intelligent canvas environment

## Overview

The Editor provides an intelligent canvas where you can write blogs, build reports, generate slides, and create images - all powered by AI. It's your creative workspace for content generation with minimal context switching.

<Info>
  The Canvas automatically uses all its content as context for new generations, allowing AI to consider existing images, slides, text, or articles to inform and enhance any new content you create.
</Info>

## Getting Started

### Video Tutorial

<Note>
  💡 **Tip**: Adjust video playback speed using the gear icon (⚙️) in the video player. We recommend 0.5x speed for detailed tutorials.
</Note>

<iframe width="100%" height="400" src="https://drive.google.com/file/d/1m5rSG9Ka66bfJSmOv1BSJtBsyMtxppiF/preview" frameBorder="0" allow="autoplay; fullscreen" allowFullScreen />

## Using the Editor

<Steps>
  <Step title="Open Editor">
    Click **Editor** to start with a blank canvas
  </Step>

  <Step title="Access AI Commands">
    Type **/** (forward slash) to reveal the AI command menu
  </Step>

  <Step title="Select Command">
    Choose from available AI generation options
  </Step>

  <Step title="Generate Content">
    AI creates content based on your selection and existing canvas context
  </Step>
</Steps>

## Available Commands

Type `/` to access these AI-powered features:

<Tabs>
  <Tab title="Text Generation">
    * **Article**: Generate full articles on any topic
    * **Blog Post**: Create engaging blog content
    * **Summary**: Summarize existing content
    * **Outline**: Create structured outlines
    * **Lists**: Generate bullet points or numbered lists
    * **FAQ**: Create frequently asked questions
  </Tab>

  <Tab title="Visual Content">
    * **Image**: Generate AI images
    * **Slides**: Create presentation slides
    * **Infographic**: Design data visualizations
    * **Diagram**: Create flowcharts and diagrams
    * **Chart**: Generate data charts
  </Tab>

  <Tab title="Business Documents">
    * **Report**: Generate business reports
    * **Proposal**: Create project proposals
    * **Email**: Draft professional emails
    * **Meeting Notes**: Structure meeting documentation
    * **Executive Summary**: Create concise overviews
  </Tab>

  <Tab title="Creative Content">
    * **Story**: Write creative narratives
    * **Script**: Generate video or podcast scripts
    * **Social Media**: Create social posts
    * **Marketing Copy**: Write promotional content
    * **Product Description**: Generate product details
  </Tab>
</Tabs>

## Key Features

### Contextual Generation

<Warning>
  The Canvas uses **all existing content as context** for new generations. This means:

  * New content builds on what's already there
  * AI understands the theme and style
  * Consistency is maintained across content
  * No need to re-explain context
</Warning>

### Multi-Modal Content

Create different content types in one workspace:

<CardGroup cols={2}>
  <Card title="Text Content" icon="file-lines">
    Articles, blogs, reports, documentation
  </Card>

  <Card title="Visual Content" icon="image">
    Images, infographics, diagrams, charts
  </Card>

  <Card title="Presentations" icon="presentation">
    Slides, pitch decks, training materials
  </Card>

  <Card title="Data Visuals" icon="chart-bar">
    Charts, graphs, data visualizations
  </Card>
</CardGroup>

## Workflow Examples

### Blog Post Creation

<Steps>
  <Step title="Start with Outline">
    Type `/outline` to generate post structure
  </Step>

  <Step title="Expand Sections">
    Use `/article` to develop each section
  </Step>

  <Step title="Add Visuals">
    Insert images with `/image` command
  </Step>

  <Step title="Create Summary">
    Generate meta description with `/summary`
  </Step>
</Steps>

### Report Generation

<Steps>
  <Step title="Executive Summary">
    Begin with `/executive summary`
  </Step>

  <Step title="Data Analysis">
    Add charts with `/chart` command
  </Step>

  <Step title="Detailed Sections">
    Expand with `/report` for each section
  </Step>

  <Step title="Conclusions">
    Finalize with recommendations
  </Step>
</Steps>

### Presentation Creation

<Steps>
  <Step title="Title Slide">
    Start with `/slides` for opening
  </Step>

  <Step title="Content Slides">
    Add information slides progressively
  </Step>

  <Step title="Visual Slides">
    Include `/image` and `/chart` content
  </Step>

  <Step title="Summary Slide">
    Conclude with key takeaways
  </Step>
</Steps>

## Pro Tips

<Tip>
  **Maintain Flow State**: Use the Canvas when you want to continue working in a flow with minimal interruptions from switching tabs and apps.
</Tip>

<Tip>
  **Build Incrementally**: Start with an outline or structure, then expand each section using the existing context.
</Tip>

<Tip>
  **Mix Content Types**: Combine text, images, and data visualizations for more engaging content.
</Tip>

## Best Practices

### Content Organization

<CardGroup cols={2}>
  <Card title="Structure First" icon="sitemap">
    Start with outlines before detailed content
  </Card>

  <Card title="Section Headers" icon="heading">
    Use clear headers to organize content
  </Card>

  <Card title="Visual Balance" icon="balance-scale">
    Mix text and visuals appropriately
  </Card>

  <Card title="Consistent Style" icon="paintbrush">
    Maintain tone and formatting throughout
  </Card>
</CardGroup>

### Productivity Tips

<Accordion title="Keyboard Shortcuts">
  * `/` - Open AI command menu
  * `Ctrl/Cmd + Z` - Undo
  * `Ctrl/Cmd + Y` - Redo
  * `Ctrl/Cmd + S` - Save
  * `Ctrl/Cmd + A` - Select all
</Accordion>

<Accordion title="Content Reuse">
  The canvas context feature means you can:

  * Reference earlier content automatically
  * Maintain consistency without repetition
  * Build complex documents incrementally
  * Create variations of existing content
</Accordion>

## Common Use Cases

### Marketing Content

<Tabs>
  <Tab title="Blog Series">
    Create interconnected blog posts with consistent voice and themes
  </Tab>

  <Tab title="Campaign Materials">
    Generate ads, social posts, and landing page copy in one workspace
  </Tab>

  <Tab title="Product Launch">
    Develop press releases, product descriptions, and promotional content
  </Tab>
</Tabs>

### Documentation

<Tabs>
  <Tab title="User Guides">
    Create comprehensive guides with text and visual instructions
  </Tab>

  <Tab title="API Documentation">
    Generate technical docs with code examples and diagrams
  </Tab>

  <Tab title="Training Materials">
    Develop courses with lessons, exercises, and visuals
  </Tab>
</Tabs>

### Business Documents

<Tabs>
  <Tab title="Proposals">
    Create client proposals with analysis, visuals, and recommendations
  </Tab>

  <Tab title="Reports">
    Generate quarterly reports with data, charts, and insights
  </Tab>

  <Tab title="Strategies">
    Develop strategic plans with goals, timelines, and visuals
  </Tab>
</Tabs>

## Advanced Features

### Template Creation

Save common structures as templates:

<Steps>
  <Step title="Create Structure">
    Build your ideal document structure
  </Step>

  <Step title="Save as Template">
    Save for future reuse
  </Step>

  <Step title="Apply Template">
    Start new documents from saved templates
  </Step>
</Steps>

### Collaborative Editing

Work with team members:

* Share canvas access
* Real-time collaboration
* Comment and review
* Version control

## Export Options

Export your content in various formats:

<CardGroup cols={3}>
  <Card title="PDF" icon="file-pdf">
    Professional documents
  </Card>

  <Card title="Word" icon="file-word">
    Editable documents
  </Card>

  <Card title="HTML" icon="code">
    Web-ready content
  </Card>

  <Card title="Markdown" icon="markdown">
    Developer-friendly format
  </Card>

  <Card title="PowerPoint" icon="file-powerpoint">
    Presentation format
  </Card>

  <Card title="Image" icon="file-image">
    Visual exports
  </Card>
</CardGroup>

## Troubleshooting

<Accordion title="Commands not appearing">
  * Ensure you're typing `/` at the beginning of a new line
  * Check that you're in edit mode
  * Refresh the editor if needed
</Accordion>

<Accordion title="Content not generating">
  * Check your internet connection
  * Verify AI service availability
  * Try simpler prompts first
  * Clear canvas cache if needed
</Accordion>

<Accordion title="Formatting issues">
  * Use the format toolbar
  * Apply consistent styles
  * Check export settings
  * Preview before finalizing
</Accordion>