Tekst opmaken met behulp van de FCK-editor

Als we een nieuwe pagina toevoegen kunnen we de inhoud van opmaak voorzien door HTML-tags te gebruiken.

Het is echter de bedoeling dat onze klant zelf ook nieuwe pagina’s kan toevoegen en opmaken zonder enige kennis van HTML te hebben.

Dit kan door een extra module te installeren, namelijk de FCK-editor.

1. Module downloaden (http://drupal.org/node/16118/release) en in de map modules plaatsen (root > modules)
2. FCK-editor downloaden (http://www.fckeditor.net/download) en de bestanden uit de gedownloade map kopiëren in de map /modules/fckeditor/fckeditor/
3. We loggen in op onze Drupal-site en activeren de module: Administer › Site building › Modules
   

   FCK-editor activeren

   Klik op Save configuration

4. Vervolgens moeten we alle gebruikers toestemming geven om de FCK-editor te gebruiken. Administer > User management > Permissions, hier alle gebruikers aanvinken
   

   Alle gebruikers toestemming geven

   Klik op Save permissions

5. Nu kunnen we verschillende instellingen wijzigen bij Administer > Site configuration > FCKeditor. Klik dan op Profile › Advanced › Edit. Hier kunnen we bijvoorbeeld de skin op Silver zetten.
   

   Instellingen wijzigen

   Klik op Update profile

6. Bij Administer › Site configuration › Input format kunnen we de toegestane HTML-tags aanpassen. Klik bij Filtered HTML op configure. Hier kunnen we de huidige lijst met HTML-tags vervangen door volgende lijst:

   <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> 
   <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> 
   <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> 
   <cite> <embed> <object> <param> <strike> <caption>

    

   

   Toegestane HTML-tags wijzigen

   Klik op Save configuration

7. Bij de tab edit kunnen we Line break converter afvinken om betere controle te hebben over de regeleindes
   

   Line break converter afvinken

   Klik op Save configuration

8. Nu kunnen we de FCK-editor testen:
   

   Eindresultaat

Zoals te zien is kunnen we de ingevoerde tekst opmaken, afbeeldingen invoegen, lijsten maken, enzovoort, en dit allemaal zonder enige HTML-kennis nodig te hebben!

---