Skip to content
Snippets Groups Projects
page.html 4.11 KiB
Newer Older
  • Learn to ignore specific revisions
  • Tim Repke's avatar
    Tim Repke committed
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset=utf-8 />
    <title>{$title}</title>
    
    <!-- this link will be substituted with the right path : href="THEMES/acid/style.css" -->
    <link href="style.css" type="text/css" rel="stylesheet" >
    </head>
    <body>
    	<!-- this img  will be substituted with the right path : src="THEMES/acid/images.gif" -->			
    	<div id="logo"><a href="http://www.raintpl.com"><img src="img/logo.gif"></a></div>
    	
            
    	<!-- content -->
    	<div id="content">
    	
    		<h2>Variable example</h2>
    		<div class="layout">
                
    			<h3>Variable example</h3>
    			{* all code between noparse tags is not compiled *}
    			<tt>variable {noparse}{$variable}{/noparse} = <b>{$variable}</b></tt>
    
    			<br/><br/>
    			<h3>Variable assignment</h3>
    			<tt>assignment {$number=10} and print {$number}</tt>
    
    			<br/><br/>
    			<h3>Operation with strings</h3>
    	
    			<tt>
    				{$variable . $number}<br/>
    				{$number + 20}
    			</tt>
    
    			<br/><br/>
    			<h3>Variable Modifiers</h3>
    			<tt>
    				{$variable|substr:0,7}<br/>
    				a modifier on string: {"hello world"|strtoupper}
    			</tt>
    
    			<br/><br/>
    			<h3>Global variables</h3>
    			<tt>The variable is declared as global into the PHP {$GLOBALS.global_variable}</tt>
    			<br/><br/>
    			
    			<h3>Show all declared variables</h3>
    			To show all declared variable use {noparse}{$template_info}{/noparse}.<br/><br/>
    			<tt>
    				{$template_info}
    			</tt>
    			<br/><br/>
    
    		</div>
    					
    		<h2>Constants</h2>
    		<div class="layout">
    			<h3>Constant</h3>
    			<tt>Constant: {#true#}</tt>
    			
    			<br/><br/>
    			<h3>Modier on constant as follow</h3>
    			<tt>Negation of false is true: {PHP_VERSION|round}</tt>
    		</div>
    
    		<h2>Loop example</h2>
    		<div class="layout">
    			<h3>Simple loop example</h3>
    			<tt>
    			<ul>
    			{loop="week"}
    				<li>{$key} = {$value}</li>
    			{/loop}
    			</ul>
    			</tt>
    
    			<br/><br/>
    			
    			<h3>Loop example with associative array</h3>
    			<tt>
    			<ul>
    				<li>ID _ Name _ Color</li>
    				{loop="user"}
    					<li class="color{$counter%2+1}">{$key}) - {$value.name|strtoupper} - {$value.color}</li>
    				{/loop}
    			</ul>
    			</tt>
    			
    			<br/><br/>
    			
    			<h3>Loop an empty array</h3>
    			<tt>
    			<ul>
    				{loop="empty_array"}
    					<li class="color{$counter%2+1}">{$key}) - {$value.name} - {$value.color}</li>
    				{else}
    					<b>The array is empty</b>
    				{/loop}
    			</ul>
    			</tt>
    
    		</div>
    		
    		<h2>If Example</h2>
    		<div class="layout">
    		
    			<h3>simple if example</h3>
    			<tt>
    			{if="$number==10"}OK!
    			{else}NO!{/if}
    			</tt>
    			
    			<br/><br/>
    			
    			<h3>example of if, elseif, else example</h3>
    			<tt>
    			{if="substr($variable,0,1)=='A'"}First character is A
    			{elseif="substr($variable,0,1)=='B'"}First character is B
    			{else}First character of variable is not A neither B
    			{/if}
    			</tt>
    			<br/><br/>
    			
    			<h3>use of ? : operator (number==10?'OK!':'no')</h3>
    			You can also use the ? operator instead of if
    			<tt>{$number==10? 'OK!' : 'no'}</tt>
    			
    		</div>
    		
    		<h2>Include Example</h2>
    		<div class="layout">
    			<h3>Example of include file</h3>
    			<tt>{include="test"}</tt>
    		</div>
    		
    		<h2>Functions</h2>
    		<div class="layout">
    			<h3>Example of function: ucfirst(strtolower($title))</h3>
    			<tt>{function="ucfirst(strtolower($title))"}</tt>
    		</div>
    		
    		<h2>Path Replace (WYSIWYG)</h2>
    		<div class="layout">
    		
    			<h3>WYSIWYG</h3>
    
    			RainTPL replaces relative paths of images, css and links automatically with the correct server paths.
    			<br/><br/>
    			
    			<h3>Path replace on relative path of image</h3>
    			into the template the image is wrote as:
    			<code>&lt;img src="img/logo.gif" alt="logo"/&gt;</code>
    			in the compiled template the path is replaced with the correct path <b>tpl/img/logo.gif</b>:<br/>
    			<img src="img/logo.gif" alt="logo"/>
    			<br/><br/><br/>
                <a href="javascript:alert('Javascript is not replaced');">RainTpl is javascript friendly</a>
    			<b>Absolute paths and path ending with # are not replaced</b>
    			<br/><br/>For more info read the documentation:
    			<tt><a href="http://www.raintpl.com/Documentation/Documentation-for-web-designers/WYSIWYG/">http://www.raintpl.com/Documentation/Documentation-for-web-designers/WYSIWYG/</a></tt>
    
    		</div>
    
    	</div>
    	
    	<div id="footer">{$copyright}</div>
    
    </body>
    </html>