js/css/html进行格式化

最新推荐文章于 2023-07-05 14:46:33 发布
最新推荐文章于 2023-07-05 14:46:33 发布
阅读量350 收藏
点赞数
分类专栏： 前端开发 文章标签： js格试化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wpf_0508/article/details/84809801
版权

分享EditPlus快速格式化js/css工具

1条回复

在“利用YUI Compressor压缩JS/CSS之终极秘籍”一节中，我讲解了一些关于如何通过YUI Compressor来压缩js/css;相反的情况是，如果想查看别人已压缩的js/css文件，怎么办呢？那就需要将这些压缩后的js/css/html进行格式化。

先行通过百盘云盘下载以下工具：
jsFormatter.js — http://pan.baidu.com/share/link?shareid=4166221647&uk=822357802
cssFormatter.js — http://pan.baidu.com/share/link?shareid=4167591436&uk=822357802

下载后，打开editplus,执行Tools(工具)->ConfigUserTools(配置用户工具…), 在弹出的对话框中，随意输入工具名称，比如jsFormatter, 在Command处写上 Cscript.exe /nologo e:\jsFormatter.js ， 后面的路径就是js的引用路径, 并钩选下面的run as text fileter(运行为文本过滤器（替换）)，让它作为文本过滤器使用，OK，现在打开一个待格式化的js 文件, 按下Ctrl+2(默认的第一个用户工具快捷键), 可以看到文本已经格式化好了。具体如图所示：
editplus

wpf_0508
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML代码格式化实现方式
oqqYY1234567891的博客
07-10 2336
HTML格式化的实现介绍，基于 https://guud.cn/tools/html-formatter.html 的源码
如何使用js将html、css、js代码格式化并高亮显示
NoSuchObjectError的博客
11-06 1457
代码格式化，高亮显示，这在我们开发过程中都是司空见惯的功能，各种编辑器都有，在好多网站上也可以在线格式化代码，但是如何在我们的前端页面上插入一段格式化后高亮显示的代码呢？有些小伙伴可能还不会，那么看完这篇文章之后肯定就学会了。 效果图如下： 自己要去找实现方法可能很难也很花时间，但是别人总结好的东西就会给你省下很多事情了。 多看多总结多分享，跟大家一起进步，加油！！ 好了，下面步入正题吧。 <!DOCTYPE html> <html> <head> <met
c#中如何在cshtml页面实现js调用cs变量（mvc模式）
u012456925的博客
08-08 1万+
//自执行函数             (function () {                 var article_id = "[email protected]()".split("_")[1];                    if (getCookie("c_praise" + article_id) != "" && getCookie("c_praise" + arti
VScode代码Prettier格式化及ESLint语法检测
热门推荐
lihefei_coder的博客
07-28 2万+
VScode代码Prettier格式化及ESLint语法检测
Visual Studio，MVC模式下不能格式化cshtml代码。
最新发布
weixin_52182681的博客
07-05 513
工具 -->选项-->文本编辑器-->HTML-->高级-->Razor设置为True 重新打开项目就行了。之前提问的问题解决，困扰了好久，，这位估计和我遇到相同的问题。
js html css代码缩进,HTML/CSS/JS代码格式化
weixin_34298263的博客
06-07 816
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？我们在编辑器当中写代码的时候，可能因为编写时候不规范或者复制粘贴的操作导致代码格式混乱。我在之前采用的是JSFormat来格式化JavaScript和JSON，使用Sublime Text自带的reindent命令格式化HTML和CSS的文件。基本上reindent命令就足够用了。但是有缺点，一些html文件的格式不够优...
使用js在HTML中自定义字符串格式化方法
u011927449的博客
04-22 450
Python中支持字符串格式化，其基本形式如下： 1 str = "I'm {name},{age} years old" 2 print(str.format(name="test", age=19)) 3 4 5 """ 6 结果 7 I'm test,19 years old 8 """ 在JavaScript中虽没有类似的方法，但我们可以利用字符串的replace方法自定义字符...
vscode格式化插件：JS-CSS-HTML Formatter
m0_38109616的博客
03-28 3015
vscode格式化插件：JS-CSS-HTML Formatter
如何在html中定义字段文字,如何使用JS在HTML中自定义字符串格式化
weixin_36019375的博客
05-31 203
如何使用JS在HTML中自定义字符串格式化发布时间：2020-10-11 20:58:15来源：脚本之家阅读：83作者：jack-boyPython中支持字符串格式化，其基本形式如下：str = "I'm %s, %s years old." % ('jack', 19)print(str)#结果：I'm jack, 19 years old.在JavaScript中虽没有类似的方法，但我们可以利...
JS和Html格式化工具，附源码
08-20
JS和Html格式化工具，附源码
JS代码格式化（HTML代码）
09-27
JS代码格式化（HTML代码），非常有用，在开发网站时，对乱乱的JS整理一下，不错。
JS-HTML-Format(JS及HTML代码格式化工具集合)
04-15
自己收集整理了一些轻巧的Js,Html代码格式化工具
格式化 html js css xml文件利器
04-26
格式化 html js css xml文件利器，找了很久才找到，相见恨晚的感觉
EditPlus-tools 自动格式化js、html、css
02-23
打开ED，打开“工具”-“配置用户工具”，在弹出的对象框中，左侧菜单栏选择"工具" - "用户工具"，在“组和工具项”下拉框中选择一个工具组，...点击ED ，工具你会发现：jsFormat Ctrl+1,打开一个js点击后将自动格式化
Js表格组件神器
S mile0804的博客
05-16 606
​ 由于Bootstrap Table是 Bootstrap 的一个组件，所以它是依赖 Bootstrap 的，我们首先需要添加 Bootstrap 的引用。Bootstrap 的包直接在Bootstrap v3 中文文档里面可以找到。 bootstrap Table有自己的优势： 1、界面采用扁平化的风格，用户体验比较好，更好兼容各种客户端。这点也是最重要的。 2、开源、免费。国人最喜欢的就是免费了。呵呵。 3、相对Jqgrid、easyUI而言，比较轻量级。功能不能说最全面，但基本够用。
vscode+JS-CSS-HTML Formatter 坑了thinkphp5
a631373000的专栏
09-30 7205
遇到一个垃圾问题，因为用的是vscode 同时安装了JS-CSS-HTML Formatter 插件来格式化html、css、js。基本没去管过配置，用的就是默认的。今天在处理一个thinkphp5的项目时候遇到一个问题 {includefile="common/footer "/} 引用公共的底部组件，但奇怪的事出现了，include 无效，直接在页面上显示出来了字符串！ 直接说结果，就是JS-CSS-HTML Formatter每次在保存的时候自动在尾部加了空格 {includefile...
【前端学习笔记】
weixin_67659025的博客
05-20 634
第一节 网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。 网页是指网站中的“一页“，通常是HTML格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常以.htm和.html后缀结尾的文件，因此将其俗称为HTML文件。 HTML指的是超文本标记语言（Hyper Text Markup Language）,它是用来描述网页的一种语言。 HTML不是一种编程语言，而是一标记语言。 标记语
java怎么格式化js和css代码
05-31
Java本身并没有内置用于格式化JS和CSS代码的库或工具，但可以使用第三方库来实现。以下是两个常用的Java库： 1. JSoup：JSoup是一个用于处理HTML的Java库，但它也可以用于处理JS和CSS代码。您可以使用JSoup将JS和CSS代码解析为DOM对象，然后使用它的输出方法来格式化代码。下面是一个简单的例子： ```java String css = "body { font-size: 12px; }"; Document document = Jsoup.parse(css, "", Parser.xmlParser()); String formattedCss = document.toString(); System.out.println(formattedCss); ``` 2. YUI Compressor：YUI Compressor是一个流行的JS和CSS代码压缩工具，它也提供了一个Java版本。您可以使用YUI Compressor来格式化JS和CSS代码，它可以将代码解析为抽象语法树，然后使用自定义的格式化选项来输出代码。下面是一个简单的例子： ```java String css = "body { font-size: 12px; }"; CssCompressor compressor = new CssCompressor(new StringReader(css)); StringWriter writer = new StringWriter(); compressor.compress(writer, -1); String formattedCss = writer.toString(); System.out.println(formattedCss); ``` 这些例子只是演示如何使用JSoup和YUI Compressor来实现JS和CSS代码的格式化。如果您需要更高级的功能，可能需要使用其他库或工具，或者自己编写代码来实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值