Конвертер HTML в JavaScript

Теги:

Форма для конвертации HTML

Эта форма позволяет вам конвертировать HTML в переменную JavaScript или использовать операторы write, writeln:

Результат преобразовать HTML в JS код

скачать полноэкранный копировать очистить

Перенести в "Вставить код" для сохранения

О преобразовании HTML в JS код

О преобразовании HTML в JavaScript

Конвертер HTML в JS была создана для онлайн преобразования HTML в JS код. Это может пригодиться для вывода HTML кода с помощью функций печати JavaScript или сохоанить в переменную, используемой в большинстве сред JS, таких как node.js, Reaction.js, angular.js и т.д. Очень полезно в приложениях, где код должен генерироваться динамически. Символы кавычек и обратной косой черты будут соответствующим образом экранированы с помощью обратной косой черты, поэтому строки будут печататься правильно.

Как это работает?

Просто вставьте свой HTML код в текстовую область выше и нажмите кнопку "Конвертировать", и вы получите Javascript код в следующей текстовой области.

Пример преобразования HTML в JS

Исходные данные (До):

<html>
    <head>
    <title>Your Title Here</title>
    </head>

    <body bgcolor="FFFFFF">
        <center><img src="wtools.jpg" align="bottom"> </center>
        <hr>
        <a href="http://wtools.io">Best Online Web Tools</a>is a link to another nifty site
        <h1>This is a Header</h1>
        <h2>This is a Medium Header</h2>
        Send me mail at <a href="mailto:[email protected]">[email protected]</a>.
        <p> This is a new paragraph!</p>
        <p> <b>This is a new paragraph!</b></p>
        <br> <b><i>This is a new sentence without a paragraph break, in bold italics.</i></b>
        <hr>
    </body>
</html>

Конечный результат (После):

document.writeln('<html>');
document.writeln('    <head>');
document.writeln('    <title>Your Title Here</title>');
document.writeln('    </head>');
document.writeln('');
document.writeln('    <body bgcolor="FFFFFF">');
document.writeln('        <center><img src="wtools.jpg" align="bottom"> </center>');
document.writeln('        <hr>');
document.writeln('        <a href="http://wtools.io">Best Online Web Tools</a>is a link to another nifty site');
document.writeln('        <h1>This is a Header</h1>');
document.writeln('        <h2>This is a Medium Header</h2>');
document.writeln('        Send me mail at <a href="mailto:[email protected]">[email protected]</a>.');
document.writeln('        <p> This is a new paragraph!</p>');
document.writeln('        <p> <b>This is a new paragraph!</b></p>');
document.writeln('        <br> <b><i>This is a new sentence without a paragraph break, in bold italics.</i></b>');
document.writeln('        <hr>');
document.writeln('    </body>');
document.writeln('</html>');

Or:

var variable = '' +
'<html>' +
'    <head>' +
'    <title>Your Title Here</title>' +
'    </head>' +
'' +
'    <body bgcolor="FFFFFF">' +
'        <center><img src="wtools.jpg" align="bottom"> </center>' +
'        <hr>' +
'        <a href="http://wtools.io">Best Online Web Tools</a>is a link to another nifty site' +
'        <h1>This is a Header</h1>' +
'        <h2>This is a Medium Header</h2>' +
'        Send me mail at <a href="mailto:[email protected]">[email protected]</a>.' +
'        <p> This is a new paragraph!</p>' +
'        <p> <b>This is a new paragraph!</b></p>' +
'        <br> <b><i>This is a new sentence without a paragraph break, in bold italics.</i></b>' +
'        <hr>' +
'    </body>' +
'</html>' +
'';

После преобразования вы можете применить JS код к своему проекту или использовать его для каких-то других целей.

Пожертвовать

Вам понравился этот инструмент? Вы можете задонатить нам. Это поможет нам улучшить наши бесплатные веб-инструменты.

Paypal

Связанные инструменты

Инструменты