Publish Helper logo

HTML 差異檢視器 — 比對清理前後的 HTML

貼上兩個版本的 HTML，立即查看哪些內容被修改。比對檢視功能幫助你確認 HTML 清理結果。

I

HTML 差異檢視器

II

使用方式

1.貼上原始 HTML

將清理前的原始 HTML 貼到左側面板。

2.貼上修改後的 HTML

將清理後的 HTML 貼到右側面板。

3.檢視差異

綠色表示新增內容，紅色表示移除內容。可複製或下載比對結果。

III

為什麼需要差異檢視

清理 Google Docs 的 HTML 時，很容易不小心移除重要內容。差異檢視器讓你清楚看到哪些內容被修改，確保不會遺漏重要標記。

  • 發佈前確認清理結果
  • 發現意外的內容移除
  • 了解每個清理選項的效果
  • 與團隊分享前後對比
V

所有工具

SEO Slug 產生器

AI 將標題轉換為網址 Slug

中英文自動加空格

CJK 與拉丁文字自動間距

內容統計工具

字數、閱讀時間與更多數據

無障礙檢查工具

檢查 HTML 無障礙問題

OG 圖片產生器

建立社交分享圖片

Markdown 轉換器

HTML 與 Markdown 雙向轉換

目錄產生器

從標題自動生成目錄

JSON - LD 產生器

為 SEO 建立結構化資料

或從主要的 HTML 清理工具開始

開啟 Publish Helper
IV

常見問題

我的 HTML 會上傳到伺服器嗎？

+

不會。所有處理都在你的瀏覽器中進行，內容不會離開你的電腦。

可以比對很長的 HTML 嗎？

+

可以。差異檢視支援任何長度的文件。

這個工具免費嗎？

+

是的，完全免費，無需註冊。

更新日誌

v3.0.02026-05-03
  • 新功能HTML Diff Viewer — compare before and after HTML with a visual diff (green/red)
  • 新功能Content Stats Calculator — word count, reading time, heading, image, and link counts
  • 新功能HTML Accessibility Checker — detect missing alt text, empty headings, skipped levels, and more
  • 新功能OG Image Generator — create 1200×630 social share images from your blog post title
  • 新功能Markdown ↔ HTML Converter — bidirectional conversion between Markdown and HTML
  • 新功能Table of Contents Generator — auto-generate nested TOC from heading tags in HTML or Markdown
  • 新功能JSON-LD Structured Data Builder — generate Article, BlogPosting, and FAQPage schema markup
  • 新功能Auto-clean on paste — optional toggle that auto-triggers cleanup when content is pasted
  • 新功能Table cleanup options — strip cell widths and remove empty table cells
  • 新功能Auto-save draft — content is saved to localStorage and restored on accidental refresh
  • 新功能All new tools linked from the main page TOOLS & GUIDES section and related pages
v2.4.12026-04-27
  • 新功能Paragraph option added to heading dropdown — convert headings back to normal text
  • 修復H1–H6 heading prefixes now convert correctly even when pasted with leading line breaks
  • 修復Fixed page crash on load — cookie consent now renders reliably
  • 改進Dependency updates for better performance and stability
v2.4.02026-04-17
  • 新功能Clear button — quickly wipe all editor content and reset the HTML panel from the left panel header
  • 修復Empty <p></p> placeholder no longer appears in the HTML panel after clearing the editor
  • 新功能Image insert via URL — paste any image URL into the editor with a new toolbar popover
v2.3.22026-04-14
  • 修復Heading conversion rewritten with DOM parsing — now works with any wrapper tag, split headings (H1 + body in same <p>), and safely preserves <li> inside lists
  • 修復Empty heading tags left behind by Google Docs are now automatically removed
v2.3.12026-03-25
  • 修復Heading conversion now handles spaces before the colon (e.g. "H2 : Title")
  • 修復Right-to-left content (Arabic, Hebrew) no longer inverts embedded English text in the editor
  • 修復Spacer paragraphs (&nbsp;) are now preserved in the HTML output instead of being stripped
v2.3.02026-03-20
  • 新功能CJK auto-spacing — automatically insert spaces between Chinese/Japanese/Korean characters and English letters or numbers (powered by pangu.js)
  • 新功能Standalone CJK Auto-Spacing tool page with before/after examples, FAQ, and SEO-optimized bilingual content
  • 新功能Chinese UI text auto-spacing — zh-TW interface text now has proper CJK–Latin spacing
  • 修復Mobile toolbar no longer floats and follows scrolling — stays pinned at the bottom of the editor
  • 修復Mobile toolbar buttons now scroll horizontally instead of overflowing
  • 修復Find & Replace inputs no longer break out of the container on narrow screens
v2.2.12026-03-20
  • 修復Heading conversion now uses the text prefix (e.g. H3:) to set the heading level, even when the content is already inside a different heading tag
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
建議新功能