HTML to JS String Converter

Turn markup into JavaScript string source

This converter takes the text you paste as HTML and represents each input line inside an ordinary JavaScript string. It escapes backslashes first and then escapes the quote character chosen for the outside of each string. The result is source code you can copy into a script; it is not a parsed or corrected HTML document, a JSX component, or a set of DOM creation calls.

With the default variable mode, the output begins with var html = and joins lines with +. Each original line remains string content, including indentation. Choose single or double quotes to control which matching quote inside the markup needs a backslash.

Two output styles, different jobs

String variable creates one assignment from the lines you entered. document.writeln creates one document.writeln(...); statement per line. In variable mode, an optional line-continuation switch changes the line endings instead of using plus signs; inspect and parse that output in your target JavaScript environment before relying on it.

For example, a line containing <div class="card"> stays HTML text inside a quoted JavaScript string. The converter handles string delimiters and backslashes; it does not check whether tags nest correctly or whether the resulting markup is appropriate to render.

Choose settings and review the generated code

1. Paste a fragment

   Enter the HTML or other multiline text to represent. The Example control fills a sample, and Clear removes the current input.

2. Select the output form

   Use String Variable for a value assignment or document.writeln for separate write calls. The line-continuation option is available only in variable mode; plus-joined lines are the default.

3. Set the outer quote

   Choose single or double quotes. If the markup mostly uses double-quoted attributes, single-quoted JavaScript strings may be easier to read. The chosen delimiter inside the text is escaped automatically.

4. Copy, download, and check

   Review the live output, then copy it or download the generated JavaScript text. Run a syntax check in the environment where you plan to use it, especially after selecting line continuation.

A source newline separates generated lines; it does not automatically add a newline character to the string value. If the rendered text needs line breaks, include the desired newline representation in your code or markup deliberately.

Questions about the converted output

Check syntax and rendering separately

String escaping is not HTML validation, sanitization, or a security review.

• The converter does not balance tags, normalize markup, minify whitespace, or turn HTML into template-literal syntax.
• The output can contain executable markup if you later render it. Never assume quotes around a JavaScript string make its HTML payload safe.
• Check generated source with the parser or tooling used by your project. In particular, the optional line-continuation form should be verified before use.
• Use the writeln form only when the target context specifically calls for it; the method is deprecated and has document-stream behavior that differs from updating an existing element.