Apple Pages paste HTML includes WebKit-specific CSS properties, -apple- prefixed styles, and font declarations using Apple system fonts. Publish Helper cleans Pages output into cross-platform, browser-compatible HTML.
Pages generates HTML with -webkit- and -apple- prefixed CSS properties, Apple system font declarations (like .AppleSystemUIFont), and WebKit-specific text rendering hints. Paragraph styles include detailed spacing attributes that only render correctly in Safari or WebKit browsers.
Apple Pages Output
<p style="margin: 0px; font-stretch: normal; font-size: 14px; line-height: normal; font-family: '.AppleSystemUIFont';"><b>Introduction</b></p> <p style="margin: 0px; font-stretch: normal; font-size: 12px; line-height: normal; font-family: '.AppleSystemUIFont';">This is a paragraph with <b>bold text</b> and <i>italic text</i>.</p>
Clean HTML
<h2>Introduction</h2> <p>This is a paragraph with <strong>bold text</strong> and <em>italic text</em>.</p>
Select and copy your content from Apple Pages. All formatting, headings, lists, and links will be captured in the clipboard HTML.
Paste into Publish Helper. Toggle cleanup options: strip inline styles, convert heading prefixes, and run find-and-replace.
Click “Clean HTML” and copy the output. Paste the clean, semantic markup into WordPress, Ghost, Webflow, or any CMS.
Not directly. Pages HTML includes Apple-specific font families and WebKit CSS properties that render differently in non-Safari browsers. Clean it with Publish Helper first for consistent cross-browser results.
Pages defaults to the macOS system font, which is referenced as .AppleSystemUIFont in HTML. This font name isn't recognized by Windows or Linux browsers, causing fallback to a generic font. Publish Helper strips these declarations.
Yes. Copy from Pages on iPad, open Publish Helper in Safari or any mobile browser, paste into the editor, and clean the HTML. The tool works entirely in the browser on any device.
Last updated: March 2026