Typix LogoTypix
CoreUtilities

URL Utilities

Functions for URL validation and sanitization

Typix provides two URL utility functions for safe link handling.

Import

import { sanitizeUrl, validateUrl } from '@typix-editor/react';

sanitizeUrl

Sanitizes a URL by checking its protocol. Returns "about:blank" for unsupported protocols to prevent XSS via javascript: URLs.

sanitizeUrl('https://example.com');    // → 'https://example.com'
sanitizeUrl('mailto:user@example.com'); // → 'mailto:user@example.com'
sanitizeUrl('javascript:alert(1)');     // → 'about:blank'

Supported protocols

  • http:
  • https:
  • mailto:
  • sms:
  • tel:

validateUrl

Validates a URL string against a pattern. Returns true for URLs with valid protocols or www. prefix.

validateUrl('https://example.com');     // → true
validateUrl('www.example.com');         // → true
validateUrl('https://');                // → true (special case for link UI)
validateUrl('not a url');               // → false
validateUrl('ftp://example.com');       // → false

Parameters

ParameterTypeDescription
urlstringThe URL to validate

Return value

TypeDescription
booleanWhether the URL is valid

On this page