先放链接：生成器解码器

下面是代码：

生成器——

<script>

    function generateA(){
	    var arr = document.getElementsByClassName("inputBox")[0].value;
        var str = arr.replace(/\n/g, '\\n" + \n"');
        str = '"' + str + '"';
        document.getElementsByClassName("outputBox")[0].value = str;
    }

    function generateB(){
	    var arr = document.getElementsByClassName("inputBox")[0].value;
        var str = arr.replace(/\n/g, '",\n"');
        str = '"' + str + '"';
        document.getElementsByClassName("outputBox")[0].value = str;
    }

</script>
<style type="text/css">


    .buttonA {
        margin-top: 4px;
        margin-bottom: 10px;
        max-width: 200px;
        position: relative; 
        float: right;
        right: 50%; 
        margin-right: 50px;
        text-align: center;
        background-color: #58C1E4;
        color:#FFF;
        padding: 0 16px;
        font-size: 18px;
        line-height: 48px;
        border-radius: 4px;
        cursor: pointer;

        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .buttonB {
        margin-top: 4px;
        margin-bottom: 10px;
        max-width: 200px;
        position: relative; 
        float: left;
        left: 50%; 
        margin-left: 50px;
        text-align: center;
        background-color: #58C1E4;
        color:#FFF;
        padding: 0 16px;
        font-size: 18px;
        line-height: 48px;
        border-radius: 4px;
        cursor: pointer;

        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .inputBox {
        color: #000;
        font-size: 14px;
        float: top;
        resize: none;
        width: 100%;
        height: 500px;
        padding: 12px 20px;
        box-sizing: border-box;
        border: 1px solid #CCC;
        border-radius: 4px;
        background-color: #F1F1F1;
    }

    .outputBox {
        color: #000;
        font-size: 14px;
        float: top;
        resize: none;
        width: 100%;
        height: 500px;
        padding: 12px 20px;
        box-sizing: border-box;
        border: 1px solid #CCC;
        border-radius: 4px;
        background-color: #F1F1F1;
    }

    .inputBox:focus {
        outline: none !important;
        border:1px solid #888;
    }

    .outputBox:focus {
        outline: none !important;
        border:1px solid #888;
    }

    </style>
    <textarea class='inputBox' placeholder='put your code here.'>

解码器——

<script>

    function restore(){
	    var input = document.getElementsByClassName("inputBox")[0].value;
        var output = '';
        var arr = input.split(/\n/g);
        for (i=0;i<arr.length;i++){
            var start = arr[i].indexOf('"');
            var end = arr[i].lastIndexOf('"');
            // Determine whether it is a comment
            if (start == -1){
                // Delete the blank before the comment line
                var str = arr[i].replace(/^\s*/g,'');
            } else {
                // Take the content between the two double quotes as the body
                var str = arr[i].substring(start+1,end);
                if (str.indexOf("\\n")!=-1){
                    str = str.replace("\\n","");
                }
            }
            output = output + str + "\n";
        }
        document.getElementsByClassName("outputBox")[0].value = output;
    }

</script>

<style type="text/css">


.button {
    margin-top: 4px;
    margin-bottom: 10px;
    max-width: 200px;
    position: relative; 
    left: 50%;
    margin-left: -100px;
    text-align: center;
    background-color: #58C1E4;
    color:#FFF;
    padding: 0 16px;
    font-size: 18px;
    line-height: 48px;
    border-radius: 4px;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .buttonA {
    margin-top: 4px;
    margin-bottom: 10px;
    max-width: 200px;
    position: relative; 
    float: right;
    right: 50%; 
    margin-right: 50px;
    text-align: center;
    background-color: #58C1E4;
    color:#FFF;
    padding: 0 16px;
    font-size: 18px;
    line-height: 48px;
    border-radius: 4px;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

    .inputBox {
    color: #000;
    font-size: 14px;
    float: top;
    resize: none;
    width: 100%;
    height: 500px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    border-radius: 4px;
    background-color: #F1F1F1;
    }

    .outputBox {
    color: #000;
    font-size: 14px;
    float: top;
    resize: none;
    width: 100%;
    height: 500px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    border-radius: 4px;
    background-color: #F1F1F1;
    }

    .inputBox:focus {
    outline: none !important;
    border:1px solid #888;
    }

    .outputBox:focus {
    outline: none !important;
    border:1px solid #888;

}
</style>
<textarea class='inputBox' placeholder='put your code here.'>