collective.imagetags 1.2

Adds Facebook-like tags to images

Introduction

Adds a ‘Tags’ tab in ATContentTypes with non-empty image fields (News Item, Image) to allow content owners to add Text/URL tags (Facebook-like tags) anchored to a certain position of the image.

Tagged image can then be displayed in:

• News Items

• Images

• Fullscreen images

• any other template that you want

by means of:

• custom templates provided with this package, or

• replacement of images via AJAX.

Showing tagged images with AJAX

A special class for images is added to TinyMCE settings. If an image with this special class “Show tags (imagetags-show)” is inserted in a text field it will be automatically replaced via AJAX to display not only the tags but also a “Tag this picture” link (available only for content owner).

This behavior can be disabled via “Image tags settings” configlet in control panel.

Showing tagged images with <iframes />

‘Tags’ tab displays a list of several pieces of HTML code to embed the tagged image inside an <iframe /> element. HTML code can then be inserted inside a text field to display the tagged image.

This behavior can be disabled via “Image tags settings” configlet in control panel.

Features

Highlights

• Degrades gracefully in non-JavaScript browsers

• All JavaScript interaction done with jQuery and jQueryUI (dialogs, draggables, etc.)

• i18n support (English and Spanish translations)

• Tested in Plone 4.0b3

Browser support

• Linux: Firefox 3.6.6, Google Chrome 5.0

• Windows: Firefox 3.6.6, Google Chrome 5.0, Internet Explorer 7, Internet Explorer 8

Known issues

• Content types with more than one image field are not fully supported. The only missing part is to provide a way of changing the tagging image in @@imagetags-manage browser view.

• Not working in Plone 3 (yet).

Installation

• Add collective.imagetags to the list of eggs to install, e.g.:

  [buildout]
  ...
  eggs =
      ...
      collective.imagetags

• Tell the plone.recipe.zope2instance recipe to install a ZCML slug:

  [instance]
  recipe = plone.recipe.zope2instance
  ...
  zcml =
      collective.imagetags

• Re-run buildout, e.g. with:

  $ ./bin/buildout

You can skip the ZCML slug if you are using Plone 3.3 or if you are going to explicitly include the package from another package’s configure.zcml file.

Authors and Contributors

• Marcos F. Romero <marcos.romero {at} inter-cultura {dot} com> (developer)

• Juan Pablo Gimenez <jpg {at} rcom {dot} com {dot} ar> (advisor)

Changelog

1.2 (2010-07-20)

• Show tags sorted by title field

• Added get_sorted_tags to browser/manage.py

• Moved available_sizes, tag_box, tag_title and portal_url from browser/helper.py to browser/image.py (more sensible)

• Completed browser.interfaces.IImageTagsImage interface

1.1 (2010-07-16)

• i18n support

• Spanish translation

1.0 (2010-07-13)

• Initial release