<?php
//DOM Templating classes v10 © copyright (cc-by) Kroc Camen 2012
//you may do whatever you want with this code as long as you give credit
//documentation at <camendesign.com/dom_templating>
/* Basic API:
new DOMTemplate (filepath, [namespace, namespace_URI])
query (query) make an XPath query
set (queries, [asHTML]) change HTML by specifying an array of ('XPath' => 'value')
setValue (query, value, [asHTML]) change a single HTML value with an XPath query
addClass (query, new_class) add a class to an HTML element
remove (query) remove one or more HTML elements, attributes or classes
html () get the current HTML code
repeat (query) return one (or more) elements as sub-templates
next () append the sub-template to the list and reset itâs content
*/
class DOMTemplate extends DOMTemplateNode {
private $DOMDocument;
private $keep_prolog = false;
public function __construct ($filepath, $NS='', $NS_URI='') {
//get just the template text to begin with
$xml = file_get_contents ($filepath);
//does this file have an XML prolog? if so, weâll keep it as-is in the output
if (substr_compare ($xml, '<?xml', 0, 4, true) === 0) $this->keep_prolog = true;
//load the template file to work with. this must be valid XML (but not XHTML)
$this->DOMDocument = new DOMDocument ();
$this->DOMDocument->loadXML (
//if the document doesn't already have an XML prolog, add one to avoid mangling unicode characters
//see <php.net/manual/en/domdocument.loadxml.php#94291>
(!$this->keep_prolog ? "<?xml version=\"1.0\" encoding=\"utf-8\"?>" : '').
//replace HTML entities (e.g. "©") with real unicode characters to prevent invalid XML
self::html_entity_decode ($xml), @LIBXML_COMPACT | @LIBXML_NONET
) or trigger_error (
"Template '$filepath' is invalid XML", E_USER_ERROR
);
//set the root node for all xpath searching
//(handled all internally by `DOMTemplateNode`)
parent::__construct ($this->DOMDocument->documentElement, $NS, $NS_URI);
}
//output the complete HTML
public function html () {
//should we remove the XML prolog?
return !$this->keep_prolog
? preg_replace ('/^<\?xml.*?>\n/', '', parent::html ())
: parent::html ()
;
}
}
//these functions are shared between the base `DOMTemplate` and the repeater `DOMTemplateRepeater`,
//the DOM/XPATH voodoo is encapsulated here
class DOMTemplateNode {
protected $DOMNode;
private $DOMXPath;
protected $NS; //namespace
protected $NS_URI; //namespace URI
//because everything is XML, HTML named entities like "©" will cause blank output.
//we need to convert these named entities back to real UTF-8 characters (which XML doesnât mind)
//'&', '<' and '>' are exlcuded so that we donât turn user text into working HTML!
public static $entities = array (
//BTW, if you have PHP 5.3.4+ you can produce this whole array with just two lines of code:
//
// $entities = array_flip (get_html_translation_table (HTML_ENTITIES, ENT_NOQUOTES, 'UTF-8'));
// unset ($entities['&'], $entities['<'], $entities['>']);
//
//also, this list is *far* from comprehensive. see this page for the full list
//http://www.whatwg.org/specs/web-apps/current-work/multipage/named-character-references.html
' ' => ' ', '¡' => '¡', '¢' => '¢', '£' => '£',
'¤' => '¤', '¥' => 'Â¥', '¦' => '¦', '§' => '§',
'¨' => '¨', '©' => '©', 'ª' => 'ª', '«' => '«',
'¬' => '¬', '­' => 'Â', '®' => '®', '¯' => '¯',
'°' => '°', '±' => '±', '²' => '²', '³' => '³',
'´' => '´', 'µ' => 'µ', '¶' => '¶', '·' => '·',
'¸' => '¸', '¹' => '¹', 'º' => 'º', '»' => '»',
'¼' => '¼', '½' => '½', '¾' => '¾', '¿' => '¿',
'À' => 'Ã', 'Á' => 'Ã', 'Â' => 'Ã', 'Ã' => 'Ã',
'Ä' => 'Ã', 'Å' => 'Ã
', 'Æ' => 'Ã', 'Ç' => 'Ã',
'È' => 'Ã', 'É' => 'Ã', 'Ê' => 'Ã', 'Ë' => 'Ã',
'Ì' => 'Ã', 'Í' => 'Ã', 'Î' => 'Ã', 'Ï' => 'Ã',
'Ð' => 'Ã', 'Ñ' => 'Ã', 'Ò' => 'Ã', 'Ó' => 'Ã',
'Ô' => 'Ã', 'Õ' => 'Ã', 'Ö' => 'Ã', '×' => 'Ã',
'Ø' => 'Ã', 'Ù' => 'Ã', 'Ú' => 'Ã', 'Û' => 'Ã',
'Ü' => 'Ã', 'Ý' => 'Ã', 'Þ' => 'Ã', 'ß' => 'Ã',
'à' => 'à ', 'á' => 'á', 'â' => 'â', 'ã' => 'ã',
'ä' => 'ä', 'å' => 'Ã¥', 'æ' => 'æ', 'ç' => 'ç',
'è' => 'è', 'é' => 'é', 'ê' => 'ê', 'ë' => 'ë',
'ì' => 'ì', 'í' => 'Ã', 'î' => 'î', 'ï' => 'ï',
'ð' => 'ð', 'ñ' => 'ñ', 'ò' => 'ò', 'ó' => 'ó',
'ô' => 'ô', 'õ' => 'õ', 'ö' => 'ö', '÷' => '÷',
'ø' => 'ø', 'ù' => 'ù', 'ú' => 'ú', 'û' => 'û',
'ü' => 'ü', 'ý' => 'ý', 'þ' => 'þ', 'ÿ' => 'ÿ',
'Œ' => 'Å', 'œ' => 'Å', 'Š' => 'Å ', 'š' => 'Å¡',
'Ÿ' => 'Ÿ', 'ƒ' => 'Æ', 'ˆ' => 'Ë', '˜' => 'Ë',
'Α' => 'Î', 'Β' => 'Î', 'Γ' => 'Î', 'Δ' => 'Î',
'Ε' => 'Î', 'Ζ' => 'Î', 'Η' => 'Î', 'Θ' => 'Î',
'Ι' => 'Î', 'Κ' => 'Î', 'Λ' => 'Î', 'Μ' => 'Î',
'Ν' => 'Î', 'Ξ' => 'Î', 'Ο' => 'Î', 'Π' => 'Î ',
'Ρ' => 'Ρ', 'Σ' => 'Σ', 'Τ' => 'Τ', 'Υ' => 'Î¥',
'Φ' => 'Φ', 'Χ' => 'Χ', 'Ψ' => 'Ψ', 'Ω' => 'Ω',
'α' => 'α', 'β' => 'β', 'γ' => 'γ', 'δ' => 'δ',
'ε' => 'ε', 'ζ' => 'ζ', 'η' => 'η', 'θ' => 'θ',
'ι' => 'ι', 'κ' => 'κ', 'λ' => 'λ', 'μ' => 'μ',
'ν' => 'ν', 'ξ' => 'ξ', 'ο' => 'ο', 'π' => 'Ï',
'ρ' => 'Ï', 'ς' => 'Ï', 'σ' => 'Ï', 'τ' => 'Ï',
'υ' => 'Ï
', 'φ' => 'Ï', 'χ' => 'Ï', 'ψ' => 'Ï',
'ω' => 'Ï', 'ϑ' => 'Ï', 'ϒ' => 'Ï', 'ϖ' => 'Ï',
' ' => 'â', ' ' => 'â', ' ' => 'â', '‌' => 'â',
'‍' => 'â', '‎' => 'â', '‏' => 'â', '–' => 'â',
'—' => 'â', '‘' => 'â', '’' => 'â', '‚' => 'â',
'“' => 'â', '”' => 'â', '„' => 'â', '†' => 'â ',
'‡' => 'â¡', '•' => 'â¢', '…' => 'â¦', '‰' => 'â°',
'′' => 'â²', '″' => 'â³', '‹' => 'â¹', '›' => 'âº',
'‾' => 'â¾', '⁄' => 'â', '€' => 'â¬', 'ℑ' => 'â',
'℘' => 'â', 'ℜ' => 'â', '™' => 'â¢', 'ℵ' => 'âµ',
'←' => 'â', '↑' => 'â', '→' => 'â', '↓' => 'â',
'↔' => 'â', '↵' => 'âµ', '⇐' => 'â', '⇑' => 'â',
'⇒' => 'â', '⇓' => 'â', '⇔' => 'â', '∀' => 'â',
'∂' => 'â', '∃' => 'â', '∅' => 'â
', '∇' => 'â',
'∈' => 'â', '∉' => 'â', '∋' => 'â', '∏' => 'â',
'∑' => 'â', '−' => 'â', '∗' => 'â', '√' => 'â',
'∝' => 'â', '∞' => 'â', '∠' => 'â ', '∧' => 'â§',
'∨' => 'â¨', '∩' => 'â©', '∪' => 'âª', '∫' => 'â«',
'∴' => 'â´', '∼' => 'â¼', '≅' => 'â
', '≈' => 'â',
'≠' => 'â ', '≡' => 'â¡', '≤' => 'â¤', '≥' => 'â¥',
'⊂' => 'â', '⊃' => 'â', '⊄' => 'â', '⊆' => 'â',
'⊇' => 'â', '⊕' => 'â', '⊗' => 'â', '⊥' => 'â¥',
'⋅' => 'â
', '⌈' => 'â', '⌉' => 'â', '⌊' => 'â',
'⌋' => 'â', '⟨' => 'ã', '⟩' => 'ã', '◊' => 'â',
'♠' => 'â ', '♣' => 'â£', '♥' => 'â¥', '♦' => 'â¦'
);
public static function html_entity_decode ($html) {
return str_replace (array_keys (self::$entities), array_values (self::$entities), $html);
}
//actions are performed on elements using xpath, but for brevity a shorthand is also recognised in the format of:
// #id - find an element with a particular ID (instead of writing './/*[@id="â¦"]')
// .class - find an element with a particular class
// element#id - enforce a particular element type (ID or class supported)
// #hide@address.com - select the named attribute of the found element
// element#hide@address.com - a fuller example
//note also:
//* you can test the value of attributes (e.g. '#hide@address.com="test"') this selects the element, not the attribute
//* sub-trees in shorthand can be expressed with '/', e.g. '#id/li/hide@address.com'
//* an index-number can be provided after the element name, e.g. 'li[1]'
public static function shorthand2xpath ($query, $apply_prefix=true) {
return preg_match (
'/^(?!\/)([a-z0-9:-]+(\[\d+\])?)?(?:([\.#])([a-z0-9:_-]+))?(@[a-z-]+(="[^"]+")?)?(?:\/(.*))?$/i',
$query, $m)
? ($apply_prefix ? './/' : ''). //see <php.net/manual/en/domxpath.query.php#99760>
(@$m[1] ? @$m[1].@$m[2] : '*'). //- the element name, if specified, otherwise "*"
(@$m[4] ? ($m[3] == '#' //is this an ID?
? "[@id=\"${m[4]}\"]" //- yes
//- no, a class. note that class attributes can contain multiple classes, separated by
// spaces, so we have to test for the whole-word, and not a partial-match
: "[contains(concat(' ', @class, ' '),\" ${m[4]} \")]"
) : '').
(@$m[5] ? (@$m[6] //optional attribute of the parent element
? "[${m[5]}]" //- an attribute test
: "/${m[5]}" //- or select the attribute
) : '').
(@$m[7] ? '/'.self::shorthand2xpath ($m[7], false) : '')
: $query;
}
public function __construct ($DOMNode, $NS='', $NS_URI='') {
//use a DOMNode as a base point for all the XPath queries and whatnot
//(in DOMTemplate this will be the whole template, in DOMTemplateRepeater, it will be the chosen element)
$this->DOMNode = $DOMNode;
$this->DOMXPath = new DOMXPath ($DOMNode->ownerDocument);
//the painful bit. if you have an XMLNS in your template then XPath wonât work unless you:
// a. register a default namespace, and
// b. prefix element names in your XPath queries with this namespace
$this->NS = $NS; $this->NS_URI = $NS_URI;
if ($this->NS && $this->NS_URI) $this->DOMXPath->registerNamespace ($this->NS, $this->NS_URI);
}
public function query ($query) {
//run the real XPath query and return the DOMNodeList result
return $this->DOMXPath->query (implode ('|',
//convert each query to real XPath:
//(multiple targets are available by comma separating queries)
array_map (array ('self', 'shorthand2xpath'), explode (', ', $query))
), $this->DOMNode);
}
//this sets multiple values using multiple xpath queries
public function set ($queries, $asHTML=false) {
foreach ($queries as $query => $value) $this->setValue ($query, $value, $asHTML); return $this;
}
//set the text content on the results of a single xpath query
public function setValue ($query, $value, $asHTML=false) {
foreach ($this->query ($query) as $node) switch (true) {
//if the selected node is a "class" attribute, add the className to it
case $node->nodeType == XML_ATTRIBUTE_NODE && $node->nodeName == 'class':
$this->addClass ($query, $value); break;
//if the selected node is any other element attribute, set its value
case $node->nodeType == XML_ATTRIBUTE_NODE:
$node->nodeValue = htmlspecialchars ($value, ENT_QUOTES); break;
//if the text is to be inserted as HTML that will be inluded into the output
case $asHTML:
$frag = $node->ownerDocument->createDocumentFragment ();
//if the HTML string is not valid XML, it wonât work!
$frag->appendXML (self::html_entity_decode ($value));
$node->nodeValue = '';
$node->appendChild ($frag);
break;
//otherwise, encode the text to display as-is
default:
$node->nodeValue = htmlspecialchars ($value, ENT_NOQUOTES);
}
return $this;
}
public function addClass ($query, $new_class) {
//first determine if there is a 'class' attribute already?
foreach ($this->query ($query) as $node) if (
$node->hasAttributes () && $class = $node->getAttribute ('class')
) { //if the new class is not already in the list, add it in
if (!in_array ($new_class, explode (' ', $class)))
$node->setAttribute ('class', "$class $new_class")
;
} else {
//no class attribute to begin with, add it
$node->setAttribute ('class', $new_class);
} return $this;
}
//remove all the elements / attributes that match an xpath query
public function remove ($query) {
//this function can accept either a single query, or an array in the format of `'xpath' => true|false`.
//if the value is true then the xpath will be run and the found elements deleted, if the value is false
//then the xpath is skipped. why on earth would you want to provide an xpath, but not run it? because
//you can compact your code by using logic comparisons for the value
if (is_string ($query)) $query = array ($query => true);
foreach ($query as $xpath => $logic) if ($logic) foreach ($this->query ($xpath) as $node) if (
$node->nodeType == XML_ATTRIBUTE_NODE
) { $node->parentNode->removeAttributeNode ($node);
} else {
$node->parentNode->removeChild ($node);
} return $this;
}
public function html () {
//fix and clean DOM's XML output:
return preg_replace (
//add space to self-closing //fix broken self-closed tags
array ('/<(.*?[^ ])\/>/s', '/<(div|[ou]l|textarea|script)(.*?) ?\/>/'),
array ('<$1 />', '<$1$2></$1>'),
$this->DOMNode->ownerDocument->saveXML (
//if youâre calling this function from the template-root,
//donât specify a node otherwise the DOCTYPE wonât be included
get_class ($this) == 'DOMTemplate' ? NULL : $this->DOMNode
)
);
}
//specify an element to repeat (like a list-item):
//this will return a `DOMTemplateRepeaterArray` class that allows you to modify the contents the same as with the
//base template but also append the changed sub-template to the end of the list and reset its content to go again.
//this makes creating a list stunningly simple! e.g.
/*
$item = $DOMTemplate->repeat ('.list-item');
foreach ($data as $value) $item->setValue ('.', $value)->next ();
*/
public function repeat ($query) {
//NOTE: the provided XPath query could return more than one element! DOMTemplate does allow you to repeat
// multiple elements at the same time! `DOMTemplateRepeaterArray` therefore acts as a simple wrapper
// to propogate changes to all the matched nodes (instances of `DOMTemplateRepeater`)
return new DOMTemplateRepeaterArray ($this->query ($query), $this->NS, $this->NS_URI);
}
}
//this is just a wrapper to handle that `repeat` might be executed on more than one element simultaneously;
//for example, if you are producing a list that occurs more than once on a page (i.e. page number links in a forum)
class DOMTemplateRepeaterArray {
private $nodes;
public function __construct ($DOMNodeList, $NS='', $NS_URI='') {
//convert the XPath query result into extended `DOMTemplateNode`s (`DOMTemplateRepeater`) so that you can
//modify the HTML with the same usual DOMTemplate API
foreach ($DOMNodeList as $DOMNode) $this->nodes[] = new DOMTemplateRepeater ($DOMNode, $NS, $NS_URI);
}
public function next () {
//cannot use `foreach` here because you shouldn't modify the nodes whilst iterating them
for ($i=0; $i<count ($this->nodes); $i++) $this->nodes[$i]->next (); return $this;
}
//refer to `DOMTemplateNode->set`
public function set ($queries, $asHTML=false) {
foreach ($this->nodes as $node) $node->set ($queries, $asHTML); return $this;
}
//refer to `DOMTemplateNode->setValue`
public function setValue ($query, $value, $asHTML=false) {
foreach ($this->nodes as $node) $node->setValue ($query, $value, $asHTML); return $this;
}
//refer to `DOMTemplateNode->addClass`
public function addClass ($query, $new_class) {
foreach ($this->nodes as $node) $node->addClass ($query, $new_class); return $this;
}
//refer to `DOMTemplateNode->remove`
public function remove ($query) {
foreach ($this->nodes as $node) $node->remove ($query); return $this;
}
}
//this is the business-end of `DOMTemplateNode->repeat`!
class DOMTemplateRepeater extends DOMTemplateNode {
private $refNode;
private $template;
public function __construct ($DOMNode, $NS='', $NS_URI='') {
//we insert the templated item before or after the reference node,
//which will always be set to the last item that was templated
$this->refNode = $DOMNode;
//take a copy of the original node that we will use as a starting point each time we iterate
$this->template = $DOMNode->cloneNode (true);
//initialise the template with the current, original node
parent::__construct ($DOMNode, $NS, $NS_URI);
}
public function next () {
//when we insert the newly templated item, use it as the reference node for the next item and so on.
$this->refNode = ($this->refNode->parentNode->lastChild === $this->DOMNode)
? $this->refNode->parentNode->appendChild ($this->DOMNode)
//if there's some kind of HTML after the reference node, we can use that to insert our item
//inbetween. this means that the list you are templating doesn't have to be wrapped in an element!
: $this->refNode->parentNode->insertBefore ($this->DOMNode, $this->refNode->nextSibling)
;
//reset the template
$this->DOMNode = $this->template->cloneNode (true);
return $this;
}
}
?>