Publish Helper logo

Squarespace 的乾淨 HTML

Squarespace 提供精美的範本和精心設計的字型排版。來自 Google Docs 或 Word 的 inline styles 可能會覆蓋 Squarespace 的範本樣式,破壞您網站的視覺一致性。Publish Helper 可確保您的內容尊重您的 Squarespace 設計。

I

Squarespace 的 HTML 問題

Squarespace 的編輯器會將貼上的 HTML 轉換為其區塊系統。來自 Google Docs 的 inline styles 會覆蓋範本的字型排版,導致整個網站的字型和大小不一致。複雜的 HTML 結構(嵌套表格、多層列表)可能無法正確轉換為 Squarespace 區塊。

II

如何將乾淨的 HTML 貼到 Squarespace

  1. 1.

    從 Google Docs、Word 或任何編輯器複製您的內容

  2. 2.

    貼到 Publish Helper 中並點擊「清理 HTML」

  3. 3.

    在 Squarespace 中,將程式碼區塊新增到您的頁面或部落格文章

  4. 4.

    將乾淨的 HTML 貼到程式碼區塊中

  5. 5.

    關閉「顯示原始碼」以查看渲染的內容

III

Squarespace 使用技巧

IV

常見問題

貼上乾淨的 HTML 會破壞我的 Squarespace 範本嗎?

+

不會 — 不含 inline styles 的乾淨 HTML 會繼承您範本的字型排版和顏色。會破壞範本的是來自 Google Docs 的混亂 HTML,因為它透過覆蓋樣式來干擾。

應該使用文字區塊還是程式碼區塊?

+

對於簡單的內容(段落、標題、列表),搭配乾淨的 HTML 使用文字區塊效果很好。對於包含表格或特定 HTML 結構的複雜內容,使用程式碼區塊。

Squarespace 會移除我的 HTML 格式嗎?

+

Squarespace 的文字區塊會將 HTML 轉換為其自己的區塊格式,可能會改變某些結構。程式碼區塊會精確保留您的 HTML。無論使用哪種方式,都請先用 Publish Helper 確保標記乾淨。

Related Tools & Guides

Ready to clean your HTML?

Open Publish Helper

Last updated: March 2026

更新日誌

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