prettySNow
User Manual
1. Introduction
Welcome to prettySNow! This tool converts rich text into clean, ServiceNow-compatible HTML.
It features a live, two-way synchronized editor for a real-time preview.
2. The Interface
- Left Panel (Rich Text Editor): Paste and edit your content here. Styled to match ServiceNow.
- Right Panel (Code Editor): Displays the live, ServiceNow-ready HTML. Edits here sync back.
- Toolbar: Contains all formatting and processing tools.
- Copy Code Button: Copies the final code with one click.
3. Basic Workflow
- Paste Content: Into the Rich Text Editor.
- Edit & Format: Use the Toolbar buttons for adjustments.
- Clean Up: Click
Cleanto strip messy code and apply semantic formatting. - Process Images: Click
Processto provide URLs for any pasted images. - Copy Code: Use the button to copy the final HTML.
- Paste into ServiceNow: Ensure
[code]is on its own line at the top.
4. Toolbar Functions
| Button | Name | Function |
|---|---|---|
| B | Bold | Makes text bold using <strong>. |
| I | Italic | Makes text italic using <em>. |
| AA | Headers | Dropdown to format text as a Header or Paragraph. |
| ⊞ | Table | Dropdown to insert a 2x2 or 3x3 table. |
| 🔗 | Link | Turns selected text into a hyperlink. |
| ↺ | Undo | Reverts the last action. |
Clean | Semantic Cleanup | Strips non-standard tags/styles and intelligently reformats the content. |
Process | Process Images | Initiates the workflow for handling images. |