HTML ↔ JavaScript Converter

Convert HTML to JavaScript string and vice versa. Escape and unescape HTML for embedding in JavaScript code.

Characters: 0
Lines: 0

Options

Characters: 0
Lines: 0

Why Use Our HTML ↔ JS Converter?

Instant Conversion

Convert HTML to JavaScript string and back with a single click.

Multiple Quote Styles

Choose between single quotes, double quotes, or template literals.

HTML Preview

Preview the rendered HTML when converting JS to HTML.

Character Count

See character and line counts for both input and output.

What is HTML to JavaScript Conversion?

HTML to JavaScript conversion involves escaping special characters in HTML so that it can be used as a JavaScript string. This is commonly needed when embedding HTML content dynamically in JavaScript code.

Why Convert HTML to JavaScript?

  • Dynamic Content: Inject HTML dynamically using JavaScript
  • Single Page Apps: Store HTML templates in JavaScript
  • Web Components: Define custom HTML elements in JS
  • AJAX Responses: Render HTML received from server

Common Escapes

  • < → \x3C or \u003C
  • > → \x3E or \u003E
  • & → \x26 or \u0026
  • " → \x22 or \u0022
  • ' → \x27 or \u0027
  • Newline → \n
  • Tab → \t

Quote Types

  • Single Quotes: var html = '<div>Content</div>';
  • Double Quotes: var html = "<div>Content</div>";
  • Template Literal: var html = `<div>Content</div>`;