URL Encoder
Convert text with special characters into a URL-safe format. Percent-encoding replaces unsafe characters with %XX codes.
Why URL Encoding Is Necessary
| Character | Issue | Encoded |
|---|---|---|
| (space) | Terminates URLs | %20 or + |
| & | Separates parameters | %26 |
| = | Separates key/value | %3D |
| ? | Starts query string | %3F |
| # | Starts fragment | %23 |
URL Encode Implementation
``javascript
// Encode for query parameters (most common)
function urlEncode(text) {
return encodeURIComponent(text);
}
// Encode full URL (preserves URL structure)
function urlEncodeFull(url) {
return encodeURI(url);
}
// Encode with + for spaces (form encoding)
function urlEncodeFormData(text) {
return encodeURIComponent(text).replace(/%20/g, '+');
}
// Examples
urlEncode('Hello World!'); // "Hello%20World%21"
urlEncode('price=100&qty=2'); // "price%3D100%26qty%3D2"
`
Building Encoded URLs
`javascript
function buildUrl(base, params) {
const searchParams = new URLSearchParams();
for (const [key, value] of Object.entries(params)) {
searchParams.append(key, value);
}
return ${base}?${searchParams.toString()};
}
``
Use this encoder to safely include any text in URLs.