介紹

將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/