Replacing a string with an inline image with Wordfilter

First of all, I want to thank tim.plunkett for suggesting me this module.

This is a little explanation of how to use Wordfilter in D7 to replace a word or phrase with an image.

Download, install and enable Wordfilter.

Once enabled, go to Wordfilter's configuarion in Admin >> Configuration >> Content Authoring >> Word Filter. Click on the "Add filtered word" tab, and fill in your word or place to replace in the "Words" textfield. In the "Replacement" field write the html image tag <img src="pathToYourImage" alt="You can even have an alt text" class="And also a class" > and save.

Go back to Content Authoring congifuration and choose "Text formats" in Admin >> Configuration >> Content Authoring >> Text formats. In my case I configured both Filtered HTML and Full HTML. Click on "configure" on each of those, one at a time. Once on the format's configuration page, enable Word Filter (from the Enabled filters checkbox area). Note that filters are executed from top to bottom, so make sure that, at least on the filtered HTML format, you drag your Word filter to the bottom of the list on the "Filter processing order". Save your configuration.

Make sure you have uploaded your image to your server at the specified path and enjoy!