$char)
{
// Next five lines used for debugging
// $htmlTagState = ($htmlTag) ? 'true' : 'false';
// $firstLetterFoundState = ($firstLetterFound) ? 'true' : 'false';
// $firstParagraphFoundState = ($firstParagraphFound) ? 'true' : 'false';
// print('');
if ( !$firstLetterFound ){
if (!$htmlTag){
if ( $char == '<') {
$newstring .= $char;
$htmlTag = true;
}else{
$firstLetterFound = true;
$newstring .= '' . $char .
'';
}
}else{
$newstring .= $char;
if ( $char == '>') $htmlTag = false;
}
}elseif ( !$firstParagraphFound ) {
if (!$htmlTag){
if ( $char == '<') {
$htmlTag = true;
}
$newstring .= $char;
}else{
$newstring .= $char;
if ( $char == ' ' || $char == '>'){
// $thisTag should contain an html tag
if ( $thisTag == '/div' || $thisTag == '/p' || $thisTag == 'br' || $thisTag == 'br/') {
// we have found end of the first paragraph
$firstParagraphFound = true;
//
$endOfPar = $index + 56 + strlen($dropclass) - 1 - strlen($thisTag);
}
}else{
$thisTag .= $char;
}
if ( $char == '>') {
// reached end of tag, so reset thisTag to empty
$htmlTag = false;
$thisTag = '';
}
}
}else{
$newstring .= $char;
}
}
if ( $firstParagraphFound ){
// close span just before end of 1st paragraph
$newstring = substr_replace($newstring, '', $endOfPar, 0);
}else{
// reached end of string without end of block level tag
// so close the span at the end
$newstring .= '';
}
return $newstring;
}//end of function
function smarty_cms_help_function_dropcaps() {
?>
What does this do?
A SMARTY Modifier that finds the first letter in a string, and wraps in spans with "dropclass". It wraps the remainder of the string in an unclassed SPAN tag.
How do I use it?
Use this to modify a string, like so: {$string|dropcaps}
The default class for the dropcaps is "firstLetter". To change the default dropcap class, add the second parameter: {$strip|dropcaps:"anotherClass"}
What parameters does it take?
(optional) dropclass='someClass'
Example Output
{capture assign='string'}This is the string.{/capture}
{$string|dropcaps}
Above code produces following output:
<span class="firstLetter"><span class="char_T">T</span><span>his is the string.</span>
Example CSS
.firstLetter{
display:block;
float:left;
margin-top :-0.63em; [[* use -0.205em for two lines *]]
margin-left:-0em;
margin-right:0.5em;
height:4.5em;
}
.firstLetter span{
font-size:5.6em; [[* use 3.33em for two lines *]]
line-height:1.0em;
text-shadow:5px 5px 0px #eee,7px 7px 0px #707070;
}
.firstLetter + span{
margin-left:-0em;
}
Limitations
This tag will recognize html tags and correctly identify the first letter if the string begins with a tag. However, if the string begins with an HTML entity or an & it will generate invalid html.
Author: Ken Griffith<ken@cmsmadesimple.org>
Version: 0.2
Change History:
Modified to make it ignore html tags inside textblog