Youtube, Google Maps, Twitter, etc...

Sommige websites en/of web-applicaties bieden HTML-code aan om direct te gebruiken in de eigen website. Denk bijvoorbeeld aan Youtube om filmpjes te tonen of Google Maps om een routebeschrijving op te nemen.

Om het invoegen van zulke HTML-code te vereenvoudigen kunt u de code direct invoegen zonder eerst naar de HTML-mode over te schakelen:

Zet de tekstcursor op de plek waar de HTML-code ingevoegd moet gaan worden;
Klik op de -knop. Er verschijnt een popup-venster met een invoerveld en de mogelijkheid voor ondersteuning bij verschillende soorten HTML, bijv. van Youtube;
Plak de HTML-code in het invoerveld en klik op Ok.

De HTML-code wordt ingevoegd en het resultaat is direct zichtbaar.

Voorbeeld: Youtube

Een filmpje van Youtube invoegen:

Ga naar www.youtube.com en zoek het gewenste filmpje;
Klik onder de video op de knop 'Insluiten' of 'Share': er verschijnen opties om de in te voegen video op te maken;
Kopieer de getoond url of klik op de knop 'Embed' en kopieer de dan getoonde html code;
Zet de tekstcursor op de plek waar de HTML-code ingevoegd moet gaan worden;
Klik op de -knop. Er verschijnt een popup-venster met een keuzemenu en een invoerveld;
Kies uit het keuzemenu de optie 'Youtube video' en plak de gekopieerde code in het veld 'Youtube video url/iframe'.
Stel de gewenste opties in en klik op 'Ok' en de video zal worden ingevoegd.

U kunt de embed code van Youtube ook direct invoegen door het keuzemenu gewoon op 'HTML' te laten staan en de code in het veld te plakken en op 'Ok' te klikken.

Het resultaat:

Tip! Wil je een Youtube-filmpje automatisch laten starten bij een bepaald tijdstip, voeg dan bijvoorbeeld #t=1m23s toe aan de url.

Voorbeeld: Google Maps

Een kaart/routebeschrijving via Google Maps invoegen:

Ga naar Google Maps en zorg dat de gewenste kaart in beeld is;
Klik rechtsboven de kaart op de 'Link'-knop.
Er verschijnt een venstertje met daarin twee invoervelden. Onderaan staat een invoerveld met de titel 'HTML in website plakken.
Kopieer de getoonde code ('<iframe...')
Zet de tekstcursor op de plek waar de HTML-code ingevoegd moet gaan worden
Klik op de -knop. Er verschijnt een popup-venster met een invoerveld
Plak de HTML-code in het invoerveld en klik op Ok

Het resultaat:

Grotere kaart weergeven

Voorbeeld: Twitter

Het tonen van (eigen) Twitter-berichten op de website gaat via de RSS-module:

Ga naar de Twitter-pagina waar de berichten van getoond moeten worden, bijv. http://twitter.com/nos
Klik in de rechterkolom op 'RSS feed of NOS's tweets' en de berichten worden direct in de browser getoond
Kopieer de complete hyperlink in de adresbalk
Zet de tekstcursor op de plek waar de HTML-code ingevoegd moet gaan worden
Ga naar de RSS-module (Modules > RSS...) en klik op 'Nieuwe RSS-feed'
Geef de nieuwe feed een naam en plak de hyperlink in het veld URL en klik op Ok
Klik vervolgens in het overzicht op de invoegen-knop achter de RSS-feed

Het resultaat:

NOS:Koning Filip (63) brak drie ribben bij kitesurfen, maar werkbezoek gaat door https://t.co/AurQm6aiRk
NOS:K-popster Moonbin (25) overleden https://t.co/L4beCxRPIT
NOS:Treinen rijden weer langs plek fataal ongeluk Voorschoten https://t.co/Wu9x4gAFf0
NOS:Omzetdaling bij Taiwanese chipmaker TSMC, kijkt nog altijd naar Europese fabriek https://t.co/VPu5ZfmC9i
NOS:Nederland levert Leopard-tanks aan Oekraïne https://t.co/5kmWF3nueD
NOS:Honderden vluchten in Duitsland geannuleerd vanwege staking beveiligers https://t.co/jX2Cezr5mC
NOS:Cyberaanval bij zorginstelling: gegevens van cliënten gedeeld https://t.co/RLcHQooW9s
NOS:Frankrijk plant uitzetting duizenden migranten van eiland Mayotte https://t.co/0koVzYMPZN
NOS:De schatkist, klimaat, asiel; dit zijn de tikkende tijdbommen voor het kabinet https://t.co/RvS2mk9zqN
NOS:Bestand Sudan lijkt redelijk nageleefd, hier en daar geschoten https://t.co/9BmH3YLAP8

De RSS-module kan ook worden gebruikt voor alle andere diensten die gegevens via een RSS-feed (of Atom-feed) aanbieden.