Formating javascript source code [closed]

问题

There is js file with a lot of code in unreadable format (all code in one line): JS file

Is there a tool to format to a "normal" view?

回答1:

The developer tools, integrated in most modern browsers, are capable of cleaning up the formatting. As an example, below is an animated GIF showing how you can achieve this in Microsoft Edge:

Similar functionality exists for both Chrome, and Firefox as well.

There are also online solutions if you want to copy/paste a large block of minified code.

回答2:

Brian Agnew's link should work fine. There's also the standalone Polystyle which I can recommend (costs $15 though).

On a side note, it may be better for you to get the non-minified version of TinyMCE and work with that in the first place. Some minifiers not only remove line breaks, but change variables names and other code elements as well.

回答3:

Most JavaScript engines beautify functions. Knowing this, here is a function that can help you with your problem:

function beautify (code) {
  return new Function(code).toString(0)
    .replace(/^function\s*\w*\s*\(\s*\)\s*{?|;?}?$/g, "")
    .replace(/\n\s{4}/g, "\n").replace(/^\n/, "")
}

SpiderMonkey and Rhino can also un-beautify (minify) them if you use function.toString(-1) in case you ever need to do the opposite. I also have a function for that too:

function minify (code) {
  new Function(code).toString(-1)
    .replace(/^function\s*\w*\s*\(\s*\)\s*{?|;?}?$/g, "");
}

Edit: It seems you only need to do this for tinymce.js. You can download the TinyMCE source code as it's open source.

回答4:

Also take a look at this: http://closure-compiler.appspot.com/home; A Google tool.

Choose [Pretty print] under Formatting

来源：https://stackoverflow.com/questions/1967054/formating-javascript-source-code

标签

javascript

code-formatting