使用 JS 实现 HTML 最小化器插件
Implementing HTML-minifier Plugin with JS
我正在寻找一种方法来缩小我的HTML代码,该代码是用Javascript检索到的,就像这样
document.getElementById("content").innerHTML;
HTML非常杂乱无章,缩进很差,但其w3c经过验证。我遇到了这个插件 https://github.com/kangax/html-minifier 但是需要帮助实现原始 JS/jQuery,因为它只提供 node.js 的说明,而且我的应用程序不是基于服务器的。
将目录中的文件包含在页面dist
并使用minify
函数。有关参考,请参阅选项及其提供的演示。
下面我将其实现到一个删除属性值引号的快速演示中:
$("#input").on("input", function() {
$("#output").val(minify($(this).val(), {
removeAttributeQuotes: true,
collapseWhitespace: true
// other options
}));
});
<script src="https://rawgit.com/kangax/html-minifier/50fad6e3a7a77f37671afae6782f557bd686bc8b/dist/htmlminifier.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Input</h1>
<textarea id="input"></textarea>
<h1>Output</h1>
<textarea id="output"></textarea>
相关文章:
- 最小化时暂停Javascript动画
- 全局窗口热键在最小化chrome窗口时调用js函数
- Grunt-将多个文件最小化/处理为一个文件
- Bootstrap一页导航Fluid网站最小化问题
- 最小化js时出现Gulp错误
- 最小化CSS/JS文件,并使用命令行创建一个文件
- 在Dojo构建期间,在最小化期间关闭文件编译
- Angular 2捆绑和最小化
- 剑道窗口还原在最小化然后还原时不调用调整大小事件
- 最小化在javascript中客户端/服务器之间发送的数据
- 咕噜咕噜 - 最小化指令
- 如何在追加函数创建后最小化单个框
- 如何禁用最大化,最小化和关闭按钮以打开新窗口
- 如何使用jquery裁剪插件最小化请求的图像
- 最小化Javascript和HTML代码
- 客户端HTML最小化
- 如何避免/最小化列表中列表的缩进
- 最小化httpInterceptor AngularJS$注入器错误
- 使用Sencha CMD最小化现有的ExtJS应用程序
- 使用 JS 实现 HTML 最小化器插件