0 user Sign-in to change your status

You can dynamically create anti-aliased images that replace text.

• Repository
• Report a bug
• Download package
• Browse source

Developers

Name	Status	Email
David Gorges	lead	ed.liame <<ta>> segrog.divad

License

Copyright (c) sfTextReplacementPlugin by David Gorges

Copyright (c) replacement.js and parts if sfTextImage.class.php based on work by Stewart Rosenberger (http://www.stewartspeak.com/)

Copyright (c) Journal TTF Font by Hans Gerhard Meier (http://www.fontourist.com/journal.html)

As Stewart Rosenberger didn't mention any license he published his work, and I am not that familar with software licenses I cannot put this software under any license.
But as Stewart Rosenberg published his code and declared it as "free to use", I do the same with my code.

If anyone has a good understanding of software licenses, please contact me at david.gorgesATemail.de.

Releases for sf 1.1

Releases for sf 1.0

Join this plugin team

Other releases

Release 0.1.2 - 16/05/2008

Release 0.1.1 - 27/08/2007

Release 0.1.0 - 27/08/2007

sfTextReplacementPlugin

sfTextReplacement is a plugin based on the article "Dynamic Text Replacement" on [A List Apart]]([http://www.alistapart.com/articles/dynatext). It provides different methods to replace text with anti-aliased images which are generated on-the-fly and supports any TrueType fonts supported by GD Lib.

Installation

Install sfTextReplacement using symfony:

$ symfony plugin-install http://plugins.symfony-project.com/sfTextReplacementPlugin

Activate the module in your applications config/settings.yml:

all:  
  .settings:
    enabled_modules:        [sfTextReplacement]

Create a sfTextReplacementPlugin.yml in your project's (not application's) config directory and add the following:

all:
  caching:          true
  cachedir:         web/textReplacement/
  cacheinwebdir:    true
  fontdir:          plugins/sfTextReplacement/data/

  selectors:
    default:
      backgroundColor:         '#ffffff'
      fontColor:               '#17619f'
      fontFile:                'JOURNAL_.TTF' 
      transparentBackground:   true
      fontSize:                50

Set a config handler for the sfTextReplacementPlugin.yml:

• Create a config_handlers.yml file in the project's config directory

• paste the following code:

  config/sfTextReplacementPlugin.yml: class: sfDefineEnvironmentConfigHandler param: prefix: sfTextReplacementPlugin_

Create a directory in the web dir: textReplacement (the same as cachedir is set in sfTextReplacementPlugin.yml)

Edit the .htaccess file in your web directory: Change:

  # we skip all files with .something
  RewriteCond %{REQUEST_URI} \..+$
  RewriteCond %{REQUEST_URI} !\.html$
  RewriteRule .* - [L]

To:

  # we skip all files with .something
  RewriteCond %{REQUEST_URI} \..+$
  RewriteCond %{REQUEST_URI} !\.html$
  RewriteCond %{REQUEST_URI} !\.png$
  RewriteRule .* - [L]

Clear the symfony cache:

$ symfony cc

Configuration

You can create different selectors with predefined font sizes, background colors, font families, etc. Just add a new selector in the sfTextReplacementPlugin.yml file, for example:

    h1:
      fontSize:   20
      fontColor:  '#ba52b7'
      fontFile:   'AVA.TTF' 

Usage

There are currently three different methods to use this plugin:

graphical_text()

<?php use_helper('TextReplacement'); ?>


<?php echo graphical_text('Text', 'h1'); ?>

will output

<img src="/sfTextReplacement/h1/Text.png" alt="Text" />

seo_graphical_text()

<?php use_helper('TextReplacement'); ?>


<?php echo seo_graphical_text('Text', 'h1'); ?>

will output

<span class="sfTextReplacement" style="width: xxWidth px; height: xxHeight px; background-image: url(/sfTextReplacement/h1/Text.png);"><span>Text</span></span>

It will also add a stylesheet to your response, which includes the followign CSS rules:

span.sfTextReplacement span
{
  display: none;
}
span.sfTextReplacement
{
  display:block; 
  background-repeat: no-repeat;
}

So the result is an SEO friendly text replacement that's also acceptable for disabled people using a text-browser.

js_replace_text()

<?php echo js_replace_text('h1'); ?>

will outout an JavaScript code that will dynamically replace all "

<

h1>" tags with their image representation.