Tool -- HTML TO JS

code:
$(function(){
    'use strict';
    var $htmlArea = $('#J_html_area');
    var $jsArea = $('#J_js_area');

    $('#J_tojs_btn').on('click',function(){
        var htmlStr = $htmlArea.val();
    
        var jsStr =  htmlStr.split(/\t*\s*\n/)                      // 以 RegExp /\t*\s*\n/ split
                            .join("\',\'")                          // 以 ',' join  会在每行标签末尾加上 ', 在每行标签首部加上 '
                            .replace(/>\',\'/g,">\',\n\'")          // 将 >',' 替换为 >',n' 相当于将最开始的 \n 在加回来 RegExp中加上 > 可以避免替换范围过大 避免将html 文本中',' 这样的内容部分也替换
                            .replace(/(\')(\t+|\s+)/g,'$2$1');      // 将 '(\t)(\s)<tag> 替换为 (\t)(\s)'<tag>

        jsStr = "[\'" + jsStr + "\'].join(\'\')";

        $jsArea.val(jsStr);
    });
});