格式化 JavaScript 源代码

发布于 2024-08-16 07:46:40 字数 1539 浏览 6 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

韶华倾负 2024-08-23 07:46:40

布莱恩·阿格纽的链接应该可以正常工作。我还可以推荐独立的 Polystyle(不过售价 15 美元)。

顺便说一句,您最好先获取 TinyMCE 的非缩小版本并使用它。一些缩小器不仅删除换行符,还更改变量名称和其他代码元素。

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.

笔芯 2024-08-23 07:46:40

大多数 JavaScript 引擎都会美化函数。知道了这一点,这里有一个函数可以帮助您解决问题:

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/, "")
}

如果您使用 function.toString(-1) ,SpiderMonkey 和 Rhino 也可以取消美化(缩小)它们,以防您需要做相反的事情。我也有一个功能:

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

编辑:看来你只需要为tinymce.js 执行此操作。您可以下载TinyMCE源代码,因为它是开源的。

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.

最单纯的乌龟 2024-08-23 07:46:40

大多数现代浏览器中集成的开发人员工具能够清理格式。作为示例,下面的动画 GIF 展示了如何在 Microsoft Edge 中实现此目的:

在此处输入图像描述

两者都存在类似的功能 ChromeFirefox 也是如此。

还有在线解决方案如果您想复制/粘贴一大块缩小的代码。

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:

enter image description here

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.

彩虹直至黑白 2024-08-23 07:46:40

另请看一下:http://closure-compiler.appspot.com/home ;一个谷歌工具。

在格式下选择[漂亮打印]

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

Choose [Pretty print] under Formatting

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文