使用文字編輯器編輯內容¶

{ .subtitle }

{ .doc-badge }

{ .hero-page }

文字編輯器說明¶

文字編輯器 協助商家在編輯商品描述、一頁式商店、部落格或自訂頁面時，快速建立結構化且易讀的內容。

基本操作建議¶

• 避免格式跑版： 請勿直接從其他網頁或 Word 檔案複製內容後直接貼上（Ctrl+V），這會帶入原網站的錯誤語法,。建議使用 「純文字貼上」快捷鍵（Ctrl+Shift+V），先貼入文字後再行上傳圖片或設定樣式。
• 編輯順序： 建議先完成文字內容編排，最後再插入多媒體檔案（圖片或影片），以確保排版穩定。
• 檢視原始碼： 若需進行進階排版（如嵌入自訂語法或排除跑版問題），可點選工具列的「原始碼」按鈕進入 HTML 編輯模式。

圖片上傳與最佳化¶

• 上傳限制： 單次上傳圖片總量不得超過 2MB。
• 尺寸限制： 圖片寬度最大支援 5000px，若超過 1110px 系統會自動壓縮至 1110px 以確保網頁載入速度；圖片長度建議不超過 7000px。
• 長幅產品圖製作：
  • 單張長圖（推薦）： 建議寬度 1000px，長度不限，可避免拼接產生的空隙。
  • 多張拼接圖： 建議每張圖為 1000px × 1000px，並統一尺寸以達無縫效果。
• SEO 設定： 上傳圖片後可點擊右鍵選擇「影像屬性」，在「替代文字 (ALT)」欄位輸入描述，協助搜尋引擎理解圖片內容。

影片嵌入與設定¶

• 格式要求： 僅接受 YouTube 網址格式。若有原始影片檔案，請先上傳至 YouTube 再將連結貼入編輯器。
• 自動播放設定： 依據 YouTube 規範，影片必須設定為「靜音」才能成功觸發自動播放。
• 進階功能： 在插入影片時，可同步勾選設定自適應縮放、循環播放、顯示播放器控制等選項。

提升效率的快捷指令¶

• 斜線指令 (/)： 在編輯器中輸入「/」即可呼叫快捷選單，快速插入標題 (/heading)、表格 (/table)、圖片 (/image) 或 YouTube 影片 (/video)。
• Markdown 支援： 編輯器支援 Markdown 語法，例如輸入 # 後加空格可建立一級標題，輸入 - 後加空格可建立無序列表。
• 懸浮工具列： 選取文字後會自動彈出編輯工具列，方便快速調整粗體、斜體或底線。

常見異常排除¶

• 圖片間出現空白格： 通常是因上傳時按到 Enter 鍵產生的 <p> 標籤，可進入「原始碼」刪除圖片之間的   或 <p> 標籤語法即可消除空白。
• 嵌入影片後內容消失： 可能是內容被影片語法（如 <div>）包住。請進入「原始碼」，將影片前後多餘的語法刪除，並確保文字使用 <p> 標籤包覆。
• 編輯器內容預覽不到： 若從其他網站複製內容，可能會帶入 white-space: pre-wrap; 的 CSS 語法。請至「原始碼」中搜尋並刪除該段語法即可恢復正常。

後續操作¶

常見問題¶

<p style="text-align:center"><img alt="" src="https://img.shoplineapp.com/media/demoimage.png"></p>
<p><img alt="" src="//cdn.com/s/files/demoimage..png" /></p>