sublime 插件:Quote?HTML (將HTML片段變為JS字符串)

介紹

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容