haml, jhaml, and ColdFusion demo

Published on

ColdFusion

Proof of Concept:

This is a proof of concept for using haml with ColdFusion

Acknowledgements:

I altered code from these two posts and would like to thank them.

Required

Input HAML

%html
  %head
    %title
      %g:layoutTitle(default="Adobe ColdFusion")
    %link(rel="stylesheet" href="main.css")
    %link(rel="shortcut icon" href="favicon.png" type="image/x-icon")
    %g:layoutHead/
    %g:javascript(library="application")/
  %body
    #adobe.adobe(style="display:none;")
      %img(src="http://www.adobe.com/go/gn_home_logo" alt="Adobe")
    #ColdFusionLogo.logo
      %a(href="http://www.adobe.com/products/coldfusion/")
        %img(src="http://1337productions.com/new_images/ColdFusion_logo.png" alt="ColdFusion" border="0")/
    %g:layoutBody/

Output HTML

<html>
  <head>
    <title>
      <g:layoutTitle default='Adobe ColdFusion'></g:layoutTitle>
    </title>
    <link href='main.css' rel='stylesheet' />
    <link href='favicon.png' rel='shortcut icon' type='image/x-icon' />
    <g:layoutHead />
    <g:javascript library='application' />
  </head>
  <body>
    <div class='adobe' id='adobe' style='display:none;'>
      <img alt='Adobe' src='http://www.adobe.com/go/gn_home_logo' />
    </div>
    <div class='logo' id='ColdFusionLogo'>
      <a href='http://www.adobe.com/products/coldfusion/'>
        <img alt='ColdFusion' border='0' src='http://1337productions.com/new_images/ColdFusion_logo.png' />
      </a>
    </div>
    <g:layoutBody />
  </body>
</html>

Display HTML

<g:layoutTitle default='Adobe ColdFusion'></g:layoutTitle>

Code


  

    
    
  

  
<h2>Acknowlegements:</h2>
I altered code from these two posts and would like to thank them.
<ul>
	<li>http://blog.atozofweb.com/2010/08/using-less-css-with-coldfusion/</li>
	<li>http://gist.github.com/raw/402590/fa8a70cbe3f2ad5f2d5dad7d017db2167dc658ab/main.haml</li>
</ul>
<cfscript>
    loadPaths = ArrayNew(1);
    loadPaths[1] = expandPath("jhaml-0.1.3.jar");
	loadPaths[2] = expandPath("commons-lang-2.5.jar");
	loadPaths[3] = expandPath("markdownj-0.3.0-1.0.2b4.jar");
	loadPaths[4] = expandPath("guava-r06.jar");
</cfscript>
<cfset loader = createObject("component", "javaloader.JavaLoader").init(loadPaths, 'true') />
<cfset engine = loader.create("com.cadrlife.jhaml.JHaml").init() />
<cfset title_variable = "Adobe ColdFusion" />
<cfsavecontent variable="inputhaml">
%html
  %head
    %title
      %g:layoutTitle(default="<cfoutput>#title_variable#</cfoutput>")
    %link(rel="stylesheet" href="main.css")
    %link(rel="shortcut icon" href="favicon.png" type="image/x-icon")
    %g:layoutHead/
    %g:javascript(library="application")/
  %body
    #adobe.adobe(style="display:none;")
      %img(src="http://www.adobe.com/go/gn_home_logo" alt="Adobe")
    #ColdFusionLogo.logo
      %a(href="http://www.adobe.com/products/coldfusion/")
        %img(src="http://1337productions.com/new_images/ColdFusion_logo.png" alt="ColdFusion" border="0")/
    %g:layoutBody/
</cfsavecontent>
<h2>Input HAML</h2>
<cfset title_variable = "Adobe ColdFusion">
Title variable is actually  %g:layoutTitle(default="<cfoutput>#title_variable#</cfoutput>")
<cfoutput>#inputhaml#</cfoutput>

<h2>Output HTML</h2>
<cfset text = engine.parse(inputhaml) />
<cfoutput>#xmlformat(text)#</cfoutput>

<h2>Display HTML</h2>
<cfoutput>#text#</cfoutput>
Mike Henke

Written by Mike Henke

Mike Henke (pronounced "hang-kee") is a full-stack developer with 25+ years of experience, evolving from ColdFusion to modern frontend frameworks, AI, and cloud technologies. Based in Omaha, he enjoys time with his wife and three children when not coding.

About Career All Posts Contact