Afbeeldingen uploaden en plaatsen met TinyMCE

Chiel Wester ma 07 jul 08

TinyMCE is een (gratis) JavaScript tekst editor die wij vaak gebruiken voor het bewerken van teksten in onze webapplicaties. TinyMCE biedt functionaliteit om afbeeldingen in te voegen, maar…. standaard is er geen functionaliteit om afbeeldingen te uploaden. Er zijn wel plugins voor TinyMCE die deze functionaliteit bieden, maar deze zijn helaas niet gratis, en bovendien doorgaans geschreven in PHP.

Sinds kort is hier echter verandering in gekomen! Men heeft een RubyOnRails variant gemaakt van het uploaden van afbeeldingen en deze in een Rails plugin gestopt. De plugin heet TinyMCEPlus.

Na installatie van de plugin installeer je met de rake task tiny_mce_plus:install de tinyMCE javascripts, en worden er een controller, model en views aangemaakt voor de afbeeldingen. Met script/generate tiny_mce_plus_migration wordt bovendien een migration aangemaakt voor het TinyMcePhoto model.

Vervolgens is het toepassen van de functionaliteit heel simpel:

Zet in je layout:

<%= javascript_include_tiny_mce_if_used %> 
<%= tiny_mce if using_tiny_mce? %>
<%= javascript_include_tag :defaults %>

En in je controller:

uses_tiny_mce(:options => AppConfig.default_mce_options, :only => [:new, :edit])

Let op dat deze plugin gebruik maakt van attachment_fu, responds_to_parent en will_paginate. Bovendien gaat men voor de afbeeldingen er vanuit dat er een login_required methode bestaat en dat current_user een waarde teruggeeft voor de huidig ingelogde user. Hiervoor kan bijvoorbeeld restful_authentication gebruikt worden.

Gepost in hor |  7 reacties