介绍

将HTML片段变为JS字符串

官网

https://packagecontrol.io/packages/QuoteHTML

示例

• 原始的HTML

    <div class="demo">
        <ol>
            <li>3</li>
            <li><a href='#'>2</a></li>
            <li><a href="#">3</a></li>
        </ol>
    </div>
  

• 转化后：单引号无空格形式

    '<div class="demo">' +
        '<ol>' +
            '<li>3</li>' +
            '<li><a href=\'#\'>2</a></li>' +
            '<li><a href="#">3</a></li>' +
        '</ol>' +
    '</div>';
  

• 转化后：双引号无空格形式

    "<div class=\"demo\">" +
        "<ol>" +
            "<li>3</li>" +
            "<li><a href='#'>2</a></li>" +
            "<li><a href=\"#\">3</a></li>" +
        "</ol>" +
    "</div>";
  

*转化后： 单引号有空格形式

    '<div class="demo">' +
    '    <ol>' +
    '        <li>3</li>' +
    '        <li><a href=\'#\'>2</a></li>' +
    '        <li><a href="#">3</a></li>' +
    '    </ol>' +
    '</div>';

• 转化后：双引号有空格形式

    "<div class=\"demo\">" +
    "    <ol>" +
    "        <li>3</li>" +
    "        <li><a href='#'>2</a></li>" +
    "        <li><a href=\"#\">3</a></li>" +
    "    </ol>" +
    "</div>";
  

用法

默认未绑定快捷键，可以自行绑定
ctrl/cmd + space + P 打开控制面板，选择 Quote HTML

Quote HTML 截图

其他

网页版HTMLtoJS
http://www.css88.com/tool/html2js/