> ## 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.

# 編輯器

> 在智慧畫布中與 AI 一同創作內容

## 概觀

編輯器提供一個智慧畫布,讓您能撰寫部落格、建構報告、生成投影片與建立影像,所有作業皆由 AI 提供協助。這是您進行內容創作的工作區,可大幅減少不同工具之間的切換。

<Info>
  畫布會自動將其上的所有內容作為新一次生成的背景參考,讓 AI 能考量既有的影像、投影片、文字或文章,以提供更符合脈絡的新內容。
</Info>

## 開始使用

### 影片教學

<Note>
  💡 **小提示**: 可使用影片播放器的齒輪圖示 (⚙️) 調整播放速度。針對較詳細的教學,建議使用 0.5 倍速。
</Note>

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

## 使用編輯器

<Steps>
  <Step title="開啟編輯器">
    點選 **編輯器** 從空白畫布開始
  </Step>

  <Step title="使用 AI 指令">
    輸入 **/** (斜線) 以顯示 AI 指令選單
  </Step>

  <Step title="選擇指令">
    從可用的 AI 生成選項中挑選
  </Step>

  <Step title="生成內容">
    AI 會依據您的選擇與畫布上的現有內容生成新的內容
  </Step>
</Steps>

## 可用指令

輸入 `/` 以使用以下 AI 驅動的功能:

<Tabs>
  <Tab title="文字生成">
    * **文章**: 生成任何主題的完整文章
    * **部落格文章**: 建立吸引人的部落格內容
    * **摘要**: 為現有內容做摘要
    * **大綱**: 建立結構化的大綱
    * **清單**: 產生條列式或編號清單
    * **FAQ**: 建立常見問答
  </Tab>

  <Tab title="視覺內容">
    * **影像**: 生成 AI 影像
    * **投影片**: 建立簡報投影片
    * **資訊圖**: 設計資料視覺化
    * **流程圖**: 建立流程圖與圖表
    * **圖表**: 生成資料圖表
  </Tab>

  <Tab title="商務文件">
    * **報告**: 生成商業報告
    * **提案**: 建立專案提案
    * **電子郵件**: 草擬專業電子郵件
    * **會議紀錄**: 整理會議文件
    * **執行摘要**: 撰寫簡明扼要的總覽
  </Tab>

  <Tab title="創意內容">
    * **故事**: 撰寫創意敘事
    * **腳本**: 生成影片或 Podcast 腳本
    * **社群貼文**: 建立社群媒體貼文
    * **行銷文案**: 撰寫宣傳內容
    * **產品說明**: 生成產品細節
  </Tab>
</Tabs>

## 主要功能

### 情境式生成

<Warning>
  畫布會將 **既有的所有內容** 作為新一次生成的情境參考。這代表:

  * 新內容會在既有內容的基礎上延伸
  * AI 能掌握整體主題與風格
  * 內容之間維持一致性
  * 不需要再次說明背景
</Warning>

### 多模態內容

在同一個工作區內建立不同類型的內容:

<CardGroup cols={2}>
  <Card title="文字內容" icon="file-lines">
    文章、部落格、報告、文件
  </Card>

  <Card title="視覺內容" icon="image">
    影像、資訊圖、流程圖、圖表
  </Card>

  <Card title="簡報" icon="presentation">
    投影片、提案簡報、培訓教材
  </Card>

  <Card title="資料視覺" icon="chart-bar">
    圖表、繪圖、資料視覺化
  </Card>
</CardGroup>

## 工作流程範例

### 撰寫部落格文章

<Steps>
  <Step title="從大綱開始">
    輸入 `/outline` 以生成文章結構
  </Step>

  <Step title="擴充章節">
    使用 `/article` 撰寫各個章節
  </Step>

  <Step title="加入視覺內容">
    以 `/image` 指令插入影像
  </Step>

  <Step title="撰寫摘要">
    以 `/summary` 產生 meta description
  </Step>
</Steps>

### 產生報告

<Steps>
  <Step title="執行摘要">
    從 `/executive summary` 開始
  </Step>

  <Step title="資料分析">
    使用 `/chart` 指令加入圖表
  </Step>

  <Step title="詳細章節">
    以 `/report` 擴充每個章節
  </Step>

  <Step title="結論">
    以建議事項作結
  </Step>
</Steps>

### 建立簡報

<Steps>
  <Step title="標題投影片">
    以 `/slides` 製作開場投影片
  </Step>

  <Step title="內容投影片">
    逐步加入資訊型投影片
  </Step>

  <Step title="視覺投影片">
    加入 `/image` 與 `/chart` 內容
  </Step>

  <Step title="總結投影片">
    以重點總結作結
  </Step>
</Steps>

## 專業建議

<Tip>
  **保持心流狀態**: 當您希望盡量減少切換分頁或應用程式所造成的干擾時,可使用畫布持續完成工作。
</Tip>

<Tip>
  **逐步堆疊**: 先從大綱或結構開始,再利用既有的情境逐步擴充每個章節。
</Tip>

<Tip>
  **混合不同類型的內容**: 結合文字、影像與資料視覺化,打造更具吸引力的內容。
</Tip>

## 最佳實踐

### 內容組織

<CardGroup cols={2}>
  <Card title="先設定結構" icon="sitemap">
    在撰寫細節內容前先建立大綱
  </Card>

  <Card title="章節標題" icon="heading">
    使用清楚的標題組織內容
  </Card>

  <Card title="視覺平衡" icon="balance-scale">
    適度搭配文字與視覺
  </Card>

  <Card title="一致的風格" icon="paintbrush">
    全篇保持一致的語氣與格式
  </Card>
</CardGroup>

### 生產力建議

<Accordion title="鍵盤快捷鍵">
  * `/` - 開啟 AI 指令選單
  * `Ctrl/Cmd + Z` - 復原
  * `Ctrl/Cmd + Y` - 重做
  * `Ctrl/Cmd + S` - 儲存
  * `Ctrl/Cmd + A` - 全選
</Accordion>

<Accordion title="內容重用">
  畫布的情境功能讓您可以:

  * 自動參考先前的內容
  * 在不重複的情況下保持一致性
  * 逐步建立複雜的文件
  * 為既有內容建立不同的版本
</Accordion>

## 常見使用情境

### 行銷內容

<Tabs>
  <Tab title="部落格系列">
    建立語氣與主題一致、相互連結的部落格文章
  </Tab>

  <Tab title="活動素材">
    在同一個工作區產生廣告、社群貼文與到達頁文案
  </Tab>

  <Tab title="產品上市">
    撰寫新聞稿、產品描述與宣傳內容
  </Tab>
</Tabs>

### 文件撰寫

<Tabs>
  <Tab title="使用者指南">
    建立兼具文字與視覺說明的完整指南
  </Tab>

  <Tab title="API 文件">
    產生包含程式碼範例與圖表的技術文件
  </Tab>

  <Tab title="培訓教材">
    設計含有課程、練習與視覺內容的課程
  </Tab>
</Tabs>

### 商務文件

<Tabs>
  <Tab title="提案書">
    結合分析、視覺與建議,撰寫客戶提案
  </Tab>

  <Tab title="報告">
    產生含有資料、圖表與洞察的季度報告
  </Tab>

  <Tab title="策略">
    制定含有目標、時程與視覺的策略計畫
  </Tab>
</Tabs>

## 進階功能

### 建立模板

將常用結構儲存為模板:

<Steps>
  <Step title="建立結構">
    打造您理想的文件結構
  </Step>

  <Step title="儲存為模板">
    存檔以便日後再使用
  </Step>

  <Step title="套用模板">
    從已儲存的模板開始建立新文件
  </Step>
</Steps>

### 協作編輯

與團隊成員共同編輯:

* 分享畫布存取權
* 即時協作
* 留言與審稿
* 版本控制

## 匯出選項

以多種格式匯出您的內容:

<CardGroup cols={3}>
  <Card title="PDF" icon="file-pdf">
    專業文件
  </Card>

  <Card title="Word" icon="file-word">
    可編輯文件
  </Card>

  <Card title="HTML" icon="code">
    可發佈於網頁的內容
  </Card>

  <Card title="Markdown" icon="markdown">
    對開發人員友善的格式
  </Card>

  <Card title="PowerPoint" icon="file-powerpoint">
    簡報格式
  </Card>

  <Card title="影像" icon="file-image">
    視覺匯出
  </Card>
</CardGroup>

## 疑難排解

<Accordion title="指令未顯示">
  * 確認您在新一行的開頭輸入 `/`
  * 確認目前處於編輯模式
  * 必要時重新整理編輯器
</Accordion>

<Accordion title="內容無法生成">
  * 檢查網路連線
  * 確認 AI 服務是否可用
  * 先嘗試較簡單的提示
  * 必要時清除畫布快取
</Accordion>

<Accordion title="格式問題">
  * 使用格式工具列
  * 套用一致的樣式
  * 檢查匯出設定
  * 完成前先預覽
</Accordion>