Item logo image for SNoKrunch

SNoKrunch

Item media 1 (screenshot) for SNoKrunch

Overview

Optimizes HTML by removing newlines to bypass ServiceNow pre-wrap CSS issues.

SNoKrunch: ServiceNow HTML Template Optimizer Stop fighting double-spaced templates in ServiceNow. If you work in ServiceNow, you’ve likely encountered the "Ghost Spacing" bug: you paste perfectly formatted HTML into a Work Note or Comment field, but once posted, it renders with massive, unwanted gaps between every line. This happens because the ServiceNow "Classic" UI applies a white-space: pre-wrap; CSS rule to the activity stream. This forces the browser to treat every "Enter" key press in your code as a literal visual break, effectively double-spacing your paragraphs and lists. SNoKrunch is a surgical utility built by an IT professional for IT professionals to solve this exact frustration without requiring complex ServiceNow system property changes or breaking your editing workflow. 🛠 How It Works SNoKrunch allows you to keep your HTML templates human-readable and easy to edit in your favorite text editor. When you're ready to post: Paste your indented, "pretty" HTML into any ServiceNow textarea. Click the SNoKrunch extension icon in your browser toolbar. Hit "Krunch It". The extension instantly pierces through ServiceNow's nested iframes, finds the active field, and "krunches" the code into a single, continuous line. By removing the physical newlines from the code, you bypass the pre-wrap CSS, ensuring your [code] blocks render exactly as intended. ✨ Key Features Iframe Aware: Specifically designed to work with the complex, nested iframe structures of the ServiceNow Classic UI (targeting gsft_main and incident.do). Scoped Targeting: Only "krunches" text that contains the [code] tag, preventing accidental formatting of plain-text notes. Visual Confirmation: The targeted field flashes with a subtle border to let you know the optimization was successful. Universal Compatibility: Works across all *.service-now.com subdomains. 🔒 Privacy & Security SNoKrunch is built with a "Zero-Data" philosophy. It does not collect, store, or transmit any data. All text processing happens locally within your browser tab, and the extension does not communicate with any external servers.

Details

  • Version
    1.1
  • Updated
    February 4, 2026
  • Size
    28.12KiB
  • Languages
    English
  • Developer
    Email
    blainekyle@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

UI Inspector - Visual CSS Editor

3.9

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Print Edit WE

4.4

Edit web pages prior to printing. Delete, hide and format elements. Edit text. Remove adverts and sidebars.

Live editor for CSS, Less & Sass - Magic CSS

4.6

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

Screen Ruler - Web Inspector & Design Tools

4.6

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

HTML Viewer

5.0

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

HTML Viewer Online

5.0

A free HTML, CSS & JS editor with live preview, beautifier, and minifier.

SnipCSS

3.9

Extract the CSS/HTML for any element on any page, only take the styles you want

Source Code Viewer

5.0

Displays and downloads the HTML, CSS, and JavaScript source code of the current page with customizable themes.

Pesticide (without hover bar)

5.0

A CSS debugging tool that outlines all page elements to help identify and fix layout issues.

Disable CSS 📋

4.7

Découvrez une extension innovante pour bloquer le CSS indésirable sur votre navigateur web ! 🚫

Outline HTML Elements

5.0

Outline HTML elements with a colorful border without affecting the layout to inspect website structure.

UI Inspector - Visual CSS Editor

3.9

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Print Edit WE

4.4

Edit web pages prior to printing. Delete, hide and format elements. Edit text. Remove adverts and sidebars.

Live editor for CSS, Less & Sass - Magic CSS

4.6

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

Screen Ruler - Web Inspector & Design Tools

4.6

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

HTML Viewer

5.0

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

HTML Viewer Online

5.0

A free HTML, CSS & JS editor with live preview, beautifier, and minifier.

SnipCSS

3.9

Extract the CSS/HTML for any element on any page, only take the styles you want

Google apps