Ever paste a beautifully crafted snippet into Word or Outlook, only to watch your formatting fall apart like a sad Jenga tower? We’ve got just the fix: a clever workaround using HTML and JavaScript that keeps your snippets looking crisp, clean, and exactly how you want them.
Whether you’re formatting an email signature, a branded response, or a super-styled list, this method ensures what you see is what you paste. Let’s do it!
Step-by-Step: The Formatting Preservation Workflow
- Subscribe to the Preserve Formatting Snippet Group
Click here to subscribe
- Duplicate the Snippet Group This keeps the originals intact while giving you space to customize your own versions.
- Generate Your HTML You’ve got options here:
- Use any online HTML generator — one we like is onlinehtmleditor.dev
- Or save a Word document as HTML (filtered) to extract the code
- Paste Your HTML Into a Snippet
- Open one of the HTML snippets you duplicated
- Replace the placeholder content with your own HTML
- Give it a new abbreviation to trigger it easily
- Update the JavaScript Snippet
- Switch over to the jv.expandme snippet
- Change the nested snippet abbreviation inside the script to match the new HTML snippet you just created
- Give this JavaScript snippet a new abbreviation, too
- Test It Out!
Expand the new abbreviation and marvel at your perfectly preserved formatting — no unexpected changes, no hassle, just clean results every time!
Want to See It in Action?
We walk through the whole process in this quick video tutorial:
Watch the full walkthrough here
This is one of those “once you try it, you’ll never go back” kinds of tricks. If you send a lot of polished, pre-formatted content, this will be your new favorite workflow.