Publish Helper logo

Publish Helper

免費線上工具

您的部落格上傳助手 — 從任何編輯器貼上,取得乾淨的 HTML

I貼上內容
II原始 HTML
貼上內容後,原始 HTML 將會顯示在這裡...
AISEO Slug 產生器
IHTML 清理
II標題轉換

將段落中的標題前綴轉換為實際的標題標籤。

<p>H2: Title</p> <h2>Title</h2>

<p><strong>H3: Text</strong></p> <h3>Text</h3>

<h2>H2: Title</h2> <h2>Title</h2>

支援 H1 到 H6。

III尋找與取代
預設:
如何使用 Regex

.任意字元

.*任意文字(貪婪模式)

\n換行

\s空白字元

(abc)擷取群組 → 在取代中使用 $1

III使用方式

1.從 Google Docs 貼上

從 Google Docs、Word、Notion 或任何富文本編輯器複製您的內容,直接貼到上方的編輯器中。Publish Helper 會保留您的標題、列表、表格、連結和圖片,同時擷取原始 HTML 以進行清理。

2.設定清理選項

獨立切換清理流程中的每個步驟:移除 inline styles 和空標籤、將「H2: 標題」等前綴轉換為 semantic <h2> 標籤,以及使用 Regex 支援的批次尋找與取代功能。

3.複製乾淨的 HTML

點擊「清理 HTML」處理您的內容,然後一鍵複製輸出結果。將乾淨的semantic 標記直接貼到 WordPress、Ghost、Webflow、Squarespace 或任何接受 HTML 的 CMS — 格式完美無瑕。

IV為什麼乾淨的 HTML 很重要

乾淨的 HTML 是指不含 inline styles、空標籤和編輯器特定殘留標記的標記。當您從 Google Docs、Word 或 Notion 複製貼上時,HTML 通常包含 3 至 5 倍多餘的標記 — 每個元素上都有隱藏的 inline styles、空的 <span> wrapper,以及像 c3 或 c8 這樣的專有 CSS class。這些多餘的標記會導致 CMS 平台間的格式不一致、降低頁面載入速度,並可能影響 SEO 排名。

Publish Helper 可移除 Google Docs 貼上內容中 60-80% 的多餘標記,留下乾淨的semantic HTML,在 WordPress、Ghost、Webflow 或任何內容管理系統中都能一致呈現。所有處理都在您的瀏覽器中完成 — 免費、即時,無需註冊。

IV.b清理前後對比
清理項目Google Docs 輸出乾淨的 HTML
inline styles<span style="font-size:12pt;font-family:Arial;color:#000">Text</span>Text
空 wrapper<span><span></span></span>(已移除)
CSS class<p class="c3 c8">Content</p><p>Content</p>
粗體樣式<span style="font-weight:700">Bold</span><strong>Bold</strong>
V功能特色

HTML 清理

移除 inline styles、空標籤和 Google Docs 殘留標記。可配置的選項讓您精確選擇要移除的內容。

標題轉換

將段落中的「H2: 標題」前綴轉換為正確的semantic 標題標籤。支援 H1 到 H6。

尋找與取代

跨 HTML 批次文字取代。清理不間斷空格、修復重複的模式等。

隱私優先

所有處理都在您的瀏覽器中完成。您的內容絕不會離開您的裝置 — 無伺服器處理,無資料收集。

100% 免費

無需註冊、無需帳戶、無使用限制,也沒有付費方案。Publish Helper 永遠免費使用。

VI常見問題

如何將 Google Docs 轉換為乾淨的 HTML?

+

將您的 Google Docs 內容貼到上方的編輯器中,設定清理選項(移除 inline styles、轉換標題、尋找與取代),然後點擊「清理 HTML」。將乾淨的輸出結果直接複製到您的 CMS 或部落格平台。

為什麼 Google Docs 貼上的 HTML 這麼亂?

+

Google Docs 會將每段文字包裝在 inline styles、空的 span 標籤和專有的 CSS class 中。當您複製貼上到部落格編輯器時,所有這些隱藏的標記都會一起帶過來 — 導致格式不一致、頁面大小膨脹,以及潛在的 SEO 問題。

Publish Helper 可以免費使用嗎?

+

是的。Publish Helper 100% 免費,無需註冊、無需帳戶,也沒有使用限制。沒有付費方案,也沒有隱藏費用。

Publish Helper 會儲存我的內容嗎?

+

不會。所有處理都完全在您的瀏覽器中進行。您的內容不會離開您的裝置,也不會傳送到任何伺服器。

Publish Helper 可以搭配 WordPress 使用嗎?

+

可以。在這裡清理您的 Google Docs HTML,然後將輸出結果貼到 WordPress 的程式碼編輯器或任何 HTML 區塊中。它也適用於 Ghost、Webflow、Squarespace,以及任何接受 HTML 的 CMS。

什麼是部落格上傳助手?

+

部落格上傳助手是一種幫助您準備內容以便在部落格平台上發佈的工具。Publish Helper 可以清理來自 Google Docs、Word、Notion 和其他富文本編輯器的混亂 HTML,讓您可以將格式完美的標記直接貼到您的 CMS 中。

如何將 Google Docs 貼到 WordPress 而不會出現格式問題?

+

從 Google Docs 複製您的內容,貼到 Publish Helper 中,點擊「清理 HTML」,然後將輸出結果複製到 WordPress 的程式碼編輯器或自訂 HTML 區塊中。這會移除導致 WordPress 視覺化編輯器格式問題的 inline styles 和空標籤。

Google Docs 在複製貼上時會加入哪些 HTML 標籤?

+

Google Docs 會用inline styles 屬性(font-size、font-family、color、font-weight)包裝文字、添加專有的 CSS class(c1、c3、c8)、插入空的 <span> wrapper,並使用 <b> 而非 semantic 的 <strong> 標籤。Publish Helper 會自動移除所有這些。

如何移除貼上的 HTML 中的 inline styles?

+

使用 Publish Helper 的 HTML 清理功能,啟用「移除 inline styles」選項。貼上您的內容,點擊「清理 HTML」,所有元素上的 style 屬性都會被移除,留下乾淨的semantic 標記,可直接用於任何 CMS。

什麼是semantic HTML,為什麼它對 SEO 很重要?

+

semantic HTML 使用有意義的標籤如 <h2>、<strong> 和 <article>,而非使用帶有 inline styles的通用 <div> 和 <span>。搜尋引擎使用這些標籤來理解內容結構,這有助於改善索引並可能提升排名。Publish Helper 將帶有樣式的標記轉換為正確的semantic HTML。

VII工具與指南

更新日誌

v2.2.02026-03-18
  • 新功能AI-Powered Title to SEO Slug — Convert blog titles in any language to SEO-friendly English slugs in under 10 seconds
  • 新功能Slug generator toggle on the main page — generate slugs right after editing, above the fold
  • 新功能Table support — pasted tables from Google Docs now render correctly
  • 新功能Remove <br> after headings cleanup option (on by default)
  • 新功能Partial text selection copy in the HTML code view
  • 新功能Sticky Clean HTML button at the bottom of the page
  • 改進Heading conversion now strips prefixes from existing heading tags and supports Chinese full-width colon (:)
  • 改進Shared footer across all pages
v2.1.22026-03-17
  • 修復Bug fixes and improvements
v2.1.12026-03-16
  • 修復Bug fixes and improvements
v2.1.02026-03-16
  • 新功能Formatted/Raw toggle for the HTML code view
  • 改進Copying from the code panel now always gives clean, unformatted HTML
v2.0.02026-03-16
  • 新功能Welcome to Publish Helper — free online tools for content editors
  • 改進Improved search engine visibility
v1.1.02026-03-16
  • 改進Clipboard copy — clean HTML output matches the code view
v1.0.02026-03-16
  • 新功能Rich text editor with Google Docs paste support
  • 新功能HTML cleanup: strip styles, classes, empty tags, and Google Docs artifacts
  • 新功能Heading conversion from text prefixes to proper HTML tags
  • 新功能Find & replace with regex support and saveable presets
  • 新功能Syntax-highlighted HTML preview with one-click copy