j2html-gwt's Introduction

j2html-gwt

A simple wrapper for the j2html.com template engine that makes it possible to run inside GWT environment.

Getting started

Add the j2html-gwt maven repository

<repositories>
    <repository>
        <id>j2html-gwt-mvn-repo</id>
        <url>https://raw.github.com/throwable/j2html-gwt/mvn-repo/</url>
        <snapshots>
            <enabled>true</enabled>
        </snapshots>
    </repository>
</repositories>

Add these maven dependencies

<dependencies>
    <!-- j2html-gwt wrapper -->
    <dependency>
        <groupId>com.j2html</groupId>
        <artifactId>j2html-gwt</artifactId>
        <version>0.1-SNAPSHOT</version>
        <scope>provided</scope>
    </dependency>
    <!-- original j2html library -->
    <dependency>
        <groupId>com.j2html</groupId>
        <artifactId>j2html</artifactId>
        <version>1.2.2</version>
        <scope>provided</scope>
    </dependency>
    <!-- source code needed for GWT compilation -->
    <dependency>
        <groupId>com.j2html</groupId>
        <artifactId>j2html</artifactId>
        <version>1.2.2</version>
        <classifier>sources</classifier>
        <scope>provided</scope>
    </dependency>
</dependencies>

Include J2Html library into YOUR-MODULE.gwt.xml file

<module>
    <inherits name="j2html.J2Html"/>
</module>

Sample usage

public class J2HtmlGwtTest implements EntryPoint {
    public void onModuleLoad() {
        Document.get().getBody().setInnerHTML(
            div(
                h1("Html generated by j2html"),
                p("This is a sample text"),
                span(
                      button("Sample button"),
                      input().withType("text").withValue("Sample input")
                )
            ).render()
        );
    }
}