我注意到在使用Play Framework 2时，渲染的Scala HTML模板不喜欢缩进的@if或@for。
因此，例如以下代码：
<ul>
@for(test <- tests) {
<li>@test.name</li>
}
</ul>
会有额外的不必要的空格。为了修复它，我需要做类似这样的事情：
<ul>
@for(test <- tests) {
<li>@test.name</li>
}
</ul>
如果有额外的@defining或其他语句，代码会变得混乱。
那么，有没有一种方法可以使Scala模板呈现更漂亮/美观，以摆脱多余的空格呢？
更新：
阅读这个帖子，我注意到由于模板顶部的参数，也会添加额外的空格和换行符。所以这个：
@(myParam: String)
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
在生成的HTML顶部会添加3个额外的换行符，这绝对很烦人。
该帖子似乎表示目前没有纠正此问题的选项。
关于更多细节，我使用了@biesor的答案，并按照以下步骤进行：
将HtmlCompressor添加为插件
在Build.scala中：
val appDependencies = Seq(
"com.googlecode.htmlcompressor" % "htmlcompressor" % "1.5.2"
)
PrettyController
public class PrettyController extends Controller {
public static Results.Status ok(Content content) {
return Results.ok(prettify(content)).as("text/html; charset=utf-8");
}
public static Results.Status badRequest(Content content) {
return Results.badRequest(prettify(content)).as("text/html; charset=utf-8");
}
public static Results.Status notFound(Content content) {
return Results.notFound(prettify(content)).as("text/html; charset=utf-8");
}
public static Results.Status forbidden(Content content) {
return Results.forbidden(prettify(content)).as("text/html; charset=utf-8");
}
public static Results.Status internalServerError(Content content) {
return Results.internalServerError(prettify(content)).as("text/html; charset=utf-8");
}
public static Results.Status unauthorized(Content content) {
return Results.unauthorized(prettify(content)).as("text/html; charset=utf-8");
}
private static String prettify(Content content) {
HtmlCompressor compressor = new HtmlCompressor();
String output = content.body().trim();
if (Play.isDev()) {
compressor.setPreserveLineBreaks(true);
}
output = compressor.compress(output);
return output;
}
}
那么每个控制器都应该扩展PrettyController。
我已经发布了一个适用于Play 2.1的Google HTML压缩插件。你可以在GitHub上找到它。
text/plain格式返回。// instead of
return ok(index.render("some"));
// use
return ok(index.render("some").body().trim()).as("text/html; charset=utf-8");
对于“优雅”的循环或条件语句，您需要编写更紧凑的代码。
// instead of
@for(test <- tests) {
<li>@test.name</li>
}
// use
@for(test <- tests) {<li>@test.name</li>}
最后，您可以使用一些压缩器（例如com.googlecode.htmlcompressor）来压缩整个页面（在此示例中仅适用于生产模式）。
String output = index.render("some").body().trim();
if (Play.isProd()) output = compressor.compress(output);
return ok(output).as("text/html; charset=utf-8");
Ok。 - lambdasHtmlCompressor只是压缩输出，并没有美化输出的逻辑。HtmlCompressor进行压缩，在开发过程中使用Jsoup进行美化输出。我不关心显式调用prettify转换，所以我的解决方案如下：// required extra imports
import play.twirl.api.Html
import com.googlecode.htmlcompressor.compressor.HtmlCompressor
import org.jsoup.Jsoup
import org.jsoup.parser.Parser
@Singleton
class MyController @Inject() (environment: Environment) extends Controller {
/** Helper to format Html */
def prettify(content: Html): Html = {
val rawString = content.body.trim()
val html = environment.mode match {
case Mode.Dev =>
val doc = Jsoup.parse(rawString, "", Parser.xmlParser())
doc.outputSettings().indentAmount(2)
Html(doc.toString())
case _ =>
val compressor = new HtmlCompressor()
compressor.setPreserveLineBreaks(true)
Html(compressor.compress(rawString))
}
html
}
/** example usage */
def index = Action {
Ok(prettify(views.html.index))
}
}
libraryDependencies += "org.jsoup" % "jsoup" % "1.10.2"
libraryDependencies += "com.googlecode.htmlcompressor" % "htmlcompressor" % "1.5.2"
import play.twirl.api.Html
/** Helper to format Html */
def prettify(content: Html): Html = {
Html(content.body.trim().replaceAll("\\n\\s*\\n", "\n"))
}
def index = Action { implicit request =>
Ok(prettify(views.html.index()))
}