Play FrameworkでSyntaxhighlighterを使ってみる

@iwasaki 150views 更新:2014年7月30日

google-code-prettify を使ったらやってみたいのが

Syntaxhighlighterを使って見る方法

build.sbt

"org.webjars" % "syntaxhighlighter" % "3.0.83",

app/views/samples/syntaxhighlighter.scala.html

@()
@import play.i18n._

@main(Messages.get("home.title")) {
<pre class="brush: sql;">
select * from user where user = 1;
</pre>
}{
        <link rel='stylesheet' href='@routes.WebJarAssets.at(WebJarAssets.locate("styles/shCore.css"))'>
        <link rel='stylesheet' href='@routes.WebJarAssets.at(WebJarAssets.locate("styles/shThemeEclipse.css"))'>
}{
        <script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.locate("scripts/XRegExp.js"))'></script>
        <script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.locate("scripts/shCore.js"))'></script>
        <script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.locate("scripts/shBrushSql.js"))'></script>
}

こんな感じで使います。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません