JCE editor

In een van de eerste handeling bij het opzetten van de website, installeer ik JCE als teksteditor. 

Kijk nog eens bij het artikel van de eerste stappen JCE editor. Hier hebben we de gratis 'Core' versie van JCE geïnstalleerd.

JCE Core naar de hand zetten

JCE editor configurerenDe JCE editor is een component. We vinden hem daarom terug in het beheerdersdeel onder componenten. Ga hier naar toe en klik op JCE Editor.

Klik op Editor Global Configuration om de mogelijkheden hiervan te zien. Persoonlijk wijzig ik hier niets aan.

Bij Editor Profiles pas ik wel e.e.a. aan. Klik er maar eens op, gevolgd door een klik op 'Default'.

  1. Je kan bij de tab 'Setup' de titel en de beschrijving aanpassen. Het overige laat ik voor wat het is.
  2. Bij de tab 'Features & Layout' wijzig ik de 'Toolbar theme' op classic. De menubalk wordt dan in kleur getoond. Dat is voor mij herkenbaarder. Maar probeer gerust ook de andere settings uit en kies degene die bij jou past. Direct er onder bij 'Editor layout' kun je het resultaat zien.
  3. ''Editor layout't' biedt je de mogelijkheid om de icoontjes op de door jouw gewenste plaats in de menublak te zetten.  

Zo ook pas ik e.e.a. aan bij Editor parameters 

  1. Zo verhoog ik bij de tab 'Filesystem' de 'Upload file size (kb)' naar  2048. Dit maakt het mogelijk om bestanden van 2 MB te uploaden, maar dwingt je wel om de bestanden klein te houden. Een standaard foto afbeelding is als snel 3 MB. Dit maakt de afbeelding te zwaar.
  2. En bij de tab 'Advanced' schakel ik 'Word Count Alert' in. Daardoor zie je rechtsonder bij het maken van een tekst het aantal woorden waaruit de tekst bestaat.

Plugin parameters geeft ondermeer de mogelijkheid om een algemene instelling voor de afbeeldingen te plaatsen.

  1. Open de tab 'Image Manager'
  2. Margin Bottom en Margin left zet ik respectievelijk op 5 en 10. Hierdoor komt de tekst niet direct tegen de afbeelding te staan.
  3. Omdat ik in de regel een rand om de afbeelding wil tonen, kies ik voor 'Enable border'. De 'Border widht' laat ik op 1 staan zo ook de 'Border Style' op solid. Desgewenst kun je de kleur van de rand aanpassen. Standaard staat deze op #000000.
  4. Om rust in de artikelen te creëren, plaats ik de afbeeldingen allemaal aan dezelfde kant. In dit geval rechts.

get jce proWaarom JCE Pro? 

Klik HIER voor de website van JCE Editor Pro.

Kolommen

Wanneer je iets meer wilt met he editor, is het zeker te overwegen om de pro versie aan te schaffen. Ik noem hieronder enkele functies en voorbeelden van de Pro versie. 

Naast deze tekst zie je al gelijk een van de mogelijk. Namelijk het invoegen van kolommen in het artikel.

Natuurlijk geldt ook hier 'overdaad schaadt'

  •  Formaat wijzigen, miniatuurweergave en afbeeldingen bewerken
  • Beheer audio en video
  • Maak gestileerde afbeeldingsbijschriften
  • Beheer en maak links naar bestanden
  • Bewerk HTML in de Code Editor
  • Schrijf sneller met Markdown
  • Krijg hulp met speciale forumondersteuning
  • En veel meer... 

Afbeeldingen tonen in een pop-up

Je kan afbeelding alleen of in ee serie tonen. Tevens kun je een beschrijving aan de afbeelding in de popup toevoegen. Klik op een van de afbeeldingen in dit artikel voor een voorbeeld. Deze afbeeldingen heb ik herkenbaar gemaakt met een icoontje rechtsonder. Dat kun je zelf bepalen.

Afbeelding uploadenAfbeeldingen verkleinen bij de upload

JCE Editor Pro heeft de mogelijkheid om bij het uploaden van een afbeelding deze meteen te verkleinen. 

Afbeeldingen met een ondertitel

Soms is het handig om onder de afbeelding een tekst te plaatsen. Denk bijvoorbeeld aan een afbeelding met personen. Mogelijk wil je hier aangeven wie er op staat.

Om dit te realiseren, ga je eerst de afbeelding plaatsen in het artikel.

  1. Daarna selecteer je de afbeelding en klik je op het icoontje Insert/edit caption. 
  2. In de tab 'Text' bepaal je de opmaak van de ondertiteling.
  3. In de tab 'Container' het formaat van de ondertiteling. 

 

Golfen met de hondGolfen met de hond

 Caption'Ondertiteling' bij een afbeelding