Skip to main content

HTML Builder

Posted by evanx on January 25, 2007 at 5:31 AM PST

Having defined style objects in the Hyper Style prequel, we build an "HTML builder" to generate HTML/CSS.

HTML Builder: A part of the "Hyper Beans" part of a trilogy in 42 parts"

public class QHyperArticleHtmlBuilder extends QHtmlBuilder {
    QStyle anchorStyle = createStyle("anchorStyle", a);
    QStyle sectionStyle = createStyle("sectionStyle", div);
    QStyle subsectionStyle = createStyle("subsectionStyle", div);
    ...   
    public String buildSubSectionHeading(String anchorName, String text) {
        return buildAnchorHeading(subsectionStyle, anchorName, text);
    }
   
    protected String buildAnchorHeading(QStyle divStyle,
            String anchorName, String text) {
        QMutableElement element = create(p);
        element.add(br);
        element.add(create(a, anchorStyle, name.create(anchorName)))
        .add(create(div, divStyle, text));
        return element.buildHtml();
    }

    public String buildLink(String url, String label) {
        QMutableElement element = create(a, anchorStyle, href.create(url));
        element.add(create(span, underlineStyle))
        .add(create(span, linkStyle, label));
        return element.buildHtml();
    }
}

where QHtmlBuilder defines the "immutable HTML elements" eg. pre, div, p, et al, from which we create mutable elements, with attributes (eg. name, href, et al), a given style i.e. CSS class, child elements, and/or text content.

Besides HTML fragments for sections headings and what-not, we get out the CSS text as follows.

pre.javaStyle {
  font-family: courier new, courier, mono;
  background-color: #fbfbfb;
  font-size: 11pt;
  width: 800px;
  border: dashed 1px;
  border-color: lightgray;
  padding-left: 4px;
}

Resources

https://code.google.com/p/vellum/ - where i will collate these articles and their code.