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