實現JSON線上美化(格式化)、JSON轉CSV、CSV轉XML工具-toolfk程式設計師工具網

<script type="text/javascript">
        var excerptRows = 7;
        function renderCSV(objects) {
            var rows = $.csv.fromObjects(objects, {justArrays: true});
            if (rows.length < 1) return;

            var table = document.createElement("table");
            var thead = document.createElement("thead");
            var tr = document.createElement("tr");
            var header = rows[0];
            for (field in header) {
                var th = document.createElement("th");
                $(th).text(header[field]);
                tr.appendChild(th);
            }
            thead.appendChild(tr);

            var tbody = document.createElement("tbody");
            for (var i=1; i<rows.length; i++) {
                tr = document.createElement("tr");
                for (field in rows[i]) {
                    var td = document.createElement("td");
                    $(td)
                        .text(rows[i][field])
                        .attr("title", rows[i][field]);
                    tr.appendChild(td);
                }
                tbody.appendChild(tr);
            }

            table.appendChild(thead);
            table.appendChild(tbody);
            return table.outerHTML;
        }
        function json_to_csv(message){
            var json = jsonFrom(message);
            if (json) {

                var inArray = arrayFrom(json);

                var outArray = [];
                for (var row in inArray)
                    outArray[outArray.length] = parse_object(inArray[row]);
                var value =  renderCSV(outArray.slice(0, excerptRows));
                toolfk.report('json_to_csv',value);
                return value;

            } else {
                var msg = "@lang('toolfk.lang_text_valid_txt')";
                layer.msg(msg);
                return msg;
            }
        }

        function json_to_xml(message){
           var value=  json2xml(message, {compact: true, spaces: 4});
           toolfk.report('json_to_xml',value);
           return value;
        }


        $(function(){
            var sourceArea = toolfk.create_codeMirror('code');
            var targetArea = toolfk.create_codeMirror('result','text/html');

            $("#CollapsibleView").click(function(){
                $id("CollapsibleViewDetail").style.visibility = $id("CollapsibleView").checked ? "visible" : "hidden";
                var source = sourceArea.getValue();
                if(source==''){
                    return layer.msg('@lang('toolfk.lang_context_not_empty')');
                }
                $(targetArea.getWrapperElement()).hide();
                Process(source);
            });

            $("#QuoteKeys").click(function(){
                window.QuoteKeys = $id("QuoteKeys").checked;
                var source = sourceArea.getValue();
                if(source==''){
                    return layer.msg('@lang('toolfk.lang_context_not_empty')');
                }
                $(targetArea.getWrapperElement()).hide();
                Process(source);
            });


            $("#TabSize").click(function(){
                var source = sourceArea.getValue();
                if(source==''){
                    return layer.msg('@lang('toolfk.lang_context_not_empty')');
                }
                $(targetArea.getWrapperElement()).hide();
                Process(source);
            });

            $(".convert-btn-format").click(function(){
                if (toolfk.beautify_default.beautify_in_progress) {
                    return;
                }
                var source = sourceArea.getValue();
                if(source==''){
                    return layer.msg('@lang('toolfk.lang_context_not_empty')');
                }
                toolfk.beautify_default.beautify_in_progress = true;
                $(targetArea.getWrapperElement()).hide();
                Process(source);
                toolfk.beautify_default.beautify_in_progress = false;
            });


            $(".convert-btn").click(function(){
                if (toolfk.beautify_default.beautify_in_progress) {
                    return;
                }
                var source = sourceArea.getValue();
                if(source==''){
                    return layer.msg('@lang('toolfk.lang_context_not_empty')');
                }
                toolfk.beautify_default.beautify_in_progress = true;
                $(targetArea.getWrapperElement()).show();
                $("#Canvas").hide();

                var func_method = $(this).data("func");

                var func        =   eval(func_method);
                var result      =   func(source);
                targetArea.setValue(result);
                toolfk.beautify_default.beautify_in_progress = false;
            });
        });
    </script>
複製程式碼