Конвертер 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:support@example.com">support@example.com</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:support@example.com">support@example.com</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:support@example.com">support@example.com</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