Gutenberg

Dit is er eentje waar je niet aan begint als je niet veel tijd hebt.. Ik heb er zowat een halve dag aan gespendeerd om alle mogelijkheden te overlopen...

In je inhoudstype (dat je zelf kiest) wordt een bodyveld omgetoverd tot een soort paragraafsysteem waar je tekst, video's, afbeeldingen, afbeeldingsgalerijen,... kunt mee maken. Je kunt in dit zelfde inhoudstype ook andere velden gebruiken, maar dit is niet echt de bedoeling.

Na installatie gebruik je drie onderdelen.

Views entity embed

In een inhoudstype kan je een view integreren met een veld. (View field, EVA,...)

Je kunt ook in een tekstveld een view integreren. (Insert view)

Deze module is een variant op dit laatste type. Handig om zo tussen je tekst van vbv een bodyfield een view te tonen met de meest recente inhoud. 

Deze module is een vervolg op de Entity Embed module waar je nodes mee kunt invoegen in je CKEditor. Deze module heeft een knop met de E van embed.

D8 Editor File upload

Drupal heeft zijn ingebouwde tekst editor. Met deze module kan je in je tekst een knop toevoegen om bestanden als link weer te geven, na uploaden.

Je hoeft dus niet met FTP de bestanden uploaden en daarna de link gaan zoeken. Dit gebeurt allemaal in één stap. Met IMCE kan je dit ook, maar dit is eenvoudiger.

Deze knop moet je bij de tekstverwerker instellen.

Screen001195.png

Daarna kan je die gebruiken..

Field Formatter Filter

Een module die op het eerste zicht niet echt bruikbaar lijkt, maar toch wel degelijk zijn nut heeft.

Eerst een woordje uitleg over tekstformaten. Volledige, eenvoudige en beperkte HTML en platte tekst zitten standaard in Drupal 8. Elk heeft zijn eigen HTML mogelijkheden en beperkingen. Zo kan je geen afbeeldingen in beperkte HTML weergeven en kan je in eenvoudige HTML geen CSS en Javascript gebruiken. Zaken die je trouwens zelf kunt instellen.

Glossify

Eéntje waar ik zat op te wachten...

Het maakt automatisch een link aan naar de inhoud of taxonomie termen. Zo krijg je een netwerk van inhoud.

Hier een link naar een andere node met de naam 'test'. Merk ook de tooltip op met de inhoud van deze node.

Screen000202.png

Je zet bij de tekstfilters de glossify actief.


Screen000203.png

Inline Image Attach

Dit is het omgekeerde van de Insert module. Met deze module kan je namelijk de afbeeldingen in je tekstveld automatisch opslaan in een afbeeldingsveld.

Je geeft aan in het inhoudstype welke velden je wilt gebruiken.

Screen000161.png

Je krijgt inderdaad de afbeeldingen dubbel. De ene keer van het afbeeldingsveld, de andere keer in het tekstveld. Ik zie je denken waarvoor is dit nodig...LOL

Inline Responsive images

Deze module laat je toe om met de ingebouwde uploadmanager in de CKEditor, een afbeeldingsstijl te kiezen.

Je moet dit bij de teksteditor instellen bij bvb Full HTML. Kies één van de 2. Ofwel de gewone stijlen, ofwel responsive. De 2 samen gaat (voorlopig) niet.

Screen000164.png

Je kunt zelfs de preview bekijken..


Screen000165.png

Symbol

Een plugin voor de CKeditor die toelaat om een grote variatie aan symbolen in te voegen.

Het is een third party. Gebruik de link in de uitleg van de module om de plugin te downloaden.

Screen000122.png

Activeer de nieuwe symbolen knop

Screen000123.png

Je krijgt nu een enorme bibliotheek van symbolen.

 

Box

Stel dat je geregeld in een tekstveld hetzelfde stukje inhoud wilt toevoegen? Box zorgt daar voor.

Bij structuur krijg je een nieuwe mogelijkheid. Een box is net zoals een blok, maar dan bedoeld om in een tekstveld in te sluiten. Je zou bijvoorbeeld een box kunnen gebruiken om telkens een afsluittekst aan een artikel toe te voegen, al of niet gecombineerd met afbeeldingen. Een logo van een firma als intro met bijhorende sluitingsuren....

Screen000047.png