Using XSLT And ColdFusion's XMLTransform() To Keep Data And Formatting Separate

<!--- Define XHTML style data. --->
<cfsavecontent variable="strData">

	<div id="contentarea">

		<p>
			Maria Bello is so awesome. Just look at her in this
			polaroid picture - you can't just tell she has a
			great attitude.
		</p>

		<p class="image">
			<img src="http://farm4.static.flickr.com/3201/
			3069379561_2e8cb1be2c.jpg" />
		</p>

		<p>
			This makes me want to go and watch A History of
			Violence again; what an awesome film. She is so
			wicked hot in it! Oh man!
		</p>

	</div>

</cfsavecontent>


<!--- Define the XSLT. --->
<cfsavecontent variable="strXSLT">

	<!--- Document type declaration. --->
	<?xml version="1.0" encoding="ISO-8859-1"?>

	<xsl:transform
		version="1.0"
		xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

		<!--- Match all generic nodes. --->
		<xsl:template match="*">
			<!--- Copy this node (non-deep copy). --->
			<xsl:copy>
				<!---
					Make sure that all attributes are copied
					over for the current node.
				--->
				<xsl:copy-of select="@*" />

				<!---
					Apply templates to all of it's child nodes
					(so that they can be copied).
				--->
				<xsl:apply-templates />
			</xsl:copy>
		</xsl:template>


		<!---
			Look for any image nodes. We need to take these
			and format them with our special image display.
		--->
		<xsl:template match="p[ @class = 'image' ]">

			<table class="imageborder" cellspacing="0" cellpadding="0" border="0" width="100%">
			<tbody>
				<tr>
					<td rowspan="3" width="50%">
						<xsl:call-template name="nbsp" />
					</td>
					<td class="nw">
						<xsl:call-template name="nbsp" />
					</td>
					<td class="n">
						<xsl:call-template name="nbsp" />
					</td>
					<td class="ne">
						<xsl:call-template name="nbsp" />
					</td>
					<td rowspan="3" width="50%">
						<xsl:call-template name="nbsp" />
					</td>
				</tr>
				<tr>
					<td class="w">
						<xsl:call-template name="nbsp" />
					</td>
					<td class="c">

						<!---
							Copy the actual image node. Since we
							don't have any special way in which
							we want to transform this, we can
							just apply templates to the child
							nodes which will call our generic
							copy template. This is actually a good
							thing since it allows us to have more
							than just IMG tags in place (example
							a LINK tag containing an image).
						--->
						<xsl:apply-templates />

					</td>
					<td class="e">
						<xsl:call-template name="nbsp" />
					</td>
				</tr>
				<tr>
					<td class="sw">
						<xsl:call-template name="nbsp" />
					</td>
					<td class="s">
						<xsl:call-template name="nbsp" />
					</td>
					<td class="se">
						<xsl:call-template name="nbsp" />
					</td>
				</tr>
				</tbody>
			</table>

		</xsl:template>


		<!---
			Create a named-template for easy NBSP output. By
			default, the text output escapes certain characters
			that we actually want to render.
		--->
		<xsl:template name="nbsp">

			<xsl:text disable-output-escaping="yes">
				&amp;nbsp;
			</xsl:text>
			<br />

		</xsl:template>

	</xsl:transform>

</cfsavecontent>


<!--- Include style shee from site. --->
<link rel="stylesheet" type="text/css" href="content.css"></link>
<link rel="stylesheet" type="text/css" href="main.css"></link>

<!---
	Transfor the XHTML. Let's see if this creates an accurate
	copy of the XHTML.
--->
#XMLTransform(
	Trim( strData ),
	Trim( strXSLT )
	)#