2. Afbeelding invoegen met WYSIWYG-editor en IMCE

Als je afbeeldingen ergens in je node wil plaatsen dan kun je de module IMCE en een WYSIWYG-editor gebruiken. In een blog-item een webpagina of een nieuwsbericht wil je soms afbeeldingen plaatsen en wil je de volledige vrijheid over de positie en de grootte. De modules generenen op een gebruikersvriendelijke en intuïtieve manier de benodigde HTML-code voor de afbeelding.

IMCE biedt bescheiden bestandsbeheermogelijkheden en heeft eigen rollen en rechten. Met IMCE kun je bestanden uploaden en verwijderen en afbeeldingen schalen. IMCE kan zo worden ingesteld dat elke gebruiker een eigen map heeft zodat de bestanden op de server enigszins georganiseeerd blijven. Ook kun je per gebruiker quota en maximumgroottes voor afbeeldingen instellen.

De WYSIWYG-editor biedt de mogelijkheid om een CSS-stijl toe te passen zodat je alle afbeeldingen van een uniform kader kunt voorzien.

Het gebruik van een rich text editor kan wel tot conflicten leiden met de invoerformaten ("input filters") die standaard in Drupal voorzien zijn. De WYSIWYG-editor genereert namelijk vaak HTML-code die het invoerformaat niet toelaat. Een typisch probleem bij afbeeldingen is daardoor dat het links of rechts uitlijnen van afbeeldingen niet werkt omdat het invoerformaat het attribuut "style" niet toelaat. De combinatie IMCE en richt text editor geeft de redacteur veel vrijheid, maar zorgt bij de sitebeheerder wel voor kopzorgen. Deze combinatie van modules kan goed worden ingezet bij websites waaraan een klein team van redacteuren werkt die beperkte kennis hebben van HTML.

Geschikte WYSIWYG-editors zijn tinymce en fckeditor (een editor die weinig configuratie nodig heeft is tinytinymce). De aanbevolen manier om een editor te installeren is via de WYSIWYG-module.

Tinytinymce en IMCE in actie