RxHTML

Introduction

While I am not a professional developer, I learned the basics of HTML - the foundational markup language used to structure web content, define image alt text, and embed media.

• Although I consider myself a "vibe coder" who relies on AI tools to build software, I frequently format HTML content for my database project, RxLookup.
• My go-to tool used to be HTML Cleaner, which offered a smooth workflow.
• However, because the site became heavily cluttered with sponsored links and promotional text, I decided to build a clean, custom alternative for my own use.

Features

RxHTML is built as a Progressive Web App (PWA) featuring side-by-side synchronized Visual (WYSIWYG) and HTML Source Code editors.

Security: Built as a client-side Single Page Application (SPA), it integrates DOMPurify sanitization to prevent Cross-Site Scripting (XSS) and DOM-based code injection attacks.

Visual (WYSIWYG) Editor: Offers a comprehensive suite of formatting tools:

• Heading styles with accurate CSS layout representation
• Inline text formatting (bold, italic, underline, strikethrough, superscript, subscript)
• Custom text and background color pickers
• Media and link tools for embedding hyperlinks, images, videos, and special characters
• An integrated Find & Replace tool and a "Clear Formatting" action modeled after Blogger’s editor toolbar

Microsoft Word Sanitization: Content pasted from desktop or web editors often introduces proprietary markup. RxHTML automatically detects Word lists, strips redundant inline list markers, reconstructs them into semantic <ul> and <ol> tags, removes conditional comments (e.g., <!--[if gte mso 9]>), and cleans up MsoNormal CSS classes and span wrappers.

HTML Source Code Editor: Provides configurable cleaning actions to:

• Strip inline styles, class and id attributes, HTML comments, and hyperlinks
• Remove or semantically convert formatting tags (e.g., upgrading <b>/<i> to <strong>/<em>)
• Perform bi-directional conversion between named HTML entities and UTF-8 characters
• Format HTML with single-line block preservation (<p>, <h1>–<h6>, <li>) and clean indentation

Summary

My goal when developing PWAs is to solve my own workflow friction while sharing useful tools openly with the community.

• Moving forward, I plan to refine RxHTML's output quality and expand its features to match industry standards.