Differences

This shows you the differences between two versions of the page.

--- dvg7:algemeen:teksteditor [2018/09/13 08:26] – aangemaakt root
+++ dvg7:algemeen:teksteditor [2024/01/17 15:02] (current) – external edit 127.0.0.1
@@ Line 3: / Line 3: @@
 Voor het invoeren van tekst in veel uitgebreidere tekstvelden, gebruikt u de teksteditor.
-===== Veelgestelde vraag: waarom is de teksteditor niet uitgebreider qua mogelijkheden?
+>//**Veelgestelde vraag:** waarom is de teksteditor niet uitgebreider qua mogelijkheden?//
- =====
+>//**Antwoord:** de redenen hiervoor zijn://
+>- risico verkleinen op diverse content-vormgeving. Met andere woorden, hoe meer mogelijkheden er zijn, des te lastiger wordt het om een uniforme huisstijl te hanteren en uit te stralen.
-**//Antwoord: de redenen hiervoor zijn://**
+>- toegankelijkheid: meer mogelijkheden kunnen een beperking vormen voor de toegankelijkheid van de content. Met toegankelijkheids-optimalisatie wordt bijvoorbeeld rekening gehouden met visuele beperkingen van inwoners.
->  - risico verkleinen op diverse content-vormgeving. Met andere woorden, hoe meer mogelijkheden er zijn, >des te lastiger wordt het om een uniforme huisstijl te hanteren en uit te stralen.
->  - toegankelijkheid: meer mogelijkheden kunnen een beperking vormen voor de toegankelijkheid van de >content. Met toegankelijkheids-optimalisatie wordt bijvoorbeeld rekening gehouden met visuele beperkingen >van inwoners.
 >
 >//Voorbeeld: waarom zijn 'ankers' niet toegevoegd als mogelijkheid?//
 >
->Dit is een weloverwogen keuze voor toegankelijkheid. In het kort: het is voor hulpmiddelen als >schermlezers, die veel gebruikt worden door visueel beperkte inwoners, verwarrend. Bovendien verandert de >interface van de website. Dat wil zeggen dat een <a> element (een link-element) bepaalde acties van >toetstenbordgebruikers vereist. Een anker kan daarom beter vermeden worden, of er kan een button voor in >de plaats worden gebruikt om eerder beschreven toegankelijkheidsissues te vermijden.
+>Dit is een weloverwogen keuze voor toegankelijkheid. In het kort: het is voor hulpmiddelen als schermlezers, die veel gebruikt worden door visueel beperkte inwoners, verwarrend. Bovendien verandert de interface van de website. Dat wil zeggen dat een <a> element (een link-element) bepaalde acties van toetstenbordgebruikers vereist. Een anker kan daarom beter vermeden worden, of er kan een button voor in de plaats worden gebruikt om eerder beschreven toegankelijkheidsissues te vermijden.
 Hieronder volgt een uitleg van de verschillende knoppen binnen de teksteditor.
+===== Opmaakstijlen =====
+Met deze optie kunt u de stijl van tekst selecteren.
+De beschikbare stijlen zijn: normaal, kop 1, kop 2, quote, attentieblok en attentieblok groot. Wanneer uw een link invoegt en het betreffende stukje tekst selecteert, krijgt uw hier ook nog de stijl button te zien. Hiermee kunt u een link weergeven als een button. Afhankelijk van de geïnstalleerde modules kunnen hier extra stylen toegevoegd worden.
-De werking van de knoppen van links naar rechts:
+===== Bold =====
+Met deze knop kunt u een tekst bold (vet, dik gedrukt) maken.
-Opmaakstijlen
-Met deze optie kun je de stijl van je tekst selecteren.
-De beschikbare stijlen zijn: normaal, kop 1, kop 2, quote, attentieblok en attentieblok groot. Wanneer je een link invoegt en het betreffende stukje tekst selecteert, krijg je hier ook nog de stijl button te zien. Hiermee kun je van je link een button maken.
-Bold
-Met deze knop kun je een tekst bold (vet, dik gedrukt) maken.
-Taal instellen
-Met deze knop kun je de taal instellen (keuze uit Duits, Engels, Frans en Spaans).
-Opsomming numeriek
+===== Taal instellen =====
-Met deze optie kun je een numerieke opsomming maken.
+Met deze knop kunt u de taal instellen. Dit is een onzichtbaar element, dat bijvoorbeeld toegevoegd kan worden aan een link om aan te geven dat de doelpagina van de link een andere taal heeft. Dit is vooral vanuit toegankelijkheidsperspectief van belang (keuze uit Duits, Engels, Frans en Spaans).
-Opsomming bullet points
+===== Opsomming numeriek =====
-Met deze optie kun je een opsomming maken met bullet points.
+Met deze optie kunt u een numerieke opsomming maken.
-Invoegen horizontale lijn
+===== Opsomming bullet points =====
-Deze optie is bedoeld om een horizontale lijn in te voegen ergens tussen de tekst. Deze optie kan bijvoorbeeld gebruikt worden wanneer je de inhoud op wilt delen in alinea’s, zie voorbeeld https://vught.nl/paspoort
+Met deze optie kunt u een opsomming maken met bullet points.
-Een link invoegen
+===== Invoegen horizontale lijn =====
-Een link invoegen in de tekst. Selecteer hiervoor de tekst waarvan je een link wilt maken, klik vervolgens op deze knop en vul dan bij link-URL de url in waarnaar de tekst moet verwijzen. Als je wilt verwijzen naar een andere pagina op je eigen website, dan kun je die zoeken bij ‘zoek naar inhoud’. Als je de gemaakte link als button wilt weergeven, kun je nadat je van de tekst een link hebt gemaakt, bij opmaakstijlen de stijl button selecteren.
+Deze optie is bedoeld om een horizontale lijn in te voegen ergens tussen de tekst. Deze optie kan bijvoorbeeld gebruikt worden wanneer u de inhoud op wilt delen in alinea’s, zie voorbeeld https://vught.nl/paspoort
-Een afbeelding of link naar bestand toevoegen aan de tekst
+===== Een link invoegen =====
-Met deze optie kun je een afbeelding of een bestand toevoegen in de tekst. Het is hierbij mogelijk om in de bibliotheek te zoeken naar bestanden.
+Een link invoegen in de tekst. Selecteer hiervoor de tekst waarvan u een link wilt maken, klik vervolgens op deze knop en vul dan bij link-URL de url in waarnaar de tekst moet verwijzen. Als u wilt verwijzen naar een andere pagina op de eigen website, dan kunt u die zoeken bij ‘zoek naar inhoud’. Als u de gemaakte link als button wilt weergeven, kunt u nadat u van de tekst een link hebt gemaakt, bij opmaakstijlen de stijl button selecteren.
-Alle bestanden die hier worden toegevoegd, zullen ook te vinden zijn onder ‘inhoud’ ➝ ‘bestanden’.
+===== Een afbeelding of link naar bestand toevoegen aan de tekst / Media =====
+Met deze optie kunt u een afbeelding of een bestand toevoegen in de tekst. Het is hierbij mogelijk om in de bibliotheek te zoeken naar bestanden.
-Node embed
+Alle bestanden die hier worden toegevoegd, zullen ook te vinden zijn onder ‘inhoud’ ➝ ‘bestanden’. [[dvg7:algemeen:teksteditor:media|Hier vind u een uitgebreide beschrijving van de mogelijkheden met media]].
-Dit is bedoeld voor node embed, hiermee kun je een pagina in een pagina laden. Stel je wilt onder ‘paspoort’ de inhoud van de pagina ‘zakelijk paspoort’ weergeven dan kan dat op deze manier. Met dit knopje kun je net als bij een link zoeken naar interne inhoud en die wordt in de vorm van een quote weergegeven in de tekst.
-Token invoeren
+===== Node embed =====
-Hiermee kun je tokens invoeren. Een voorbeeld is een token die betrekking heeft op openingstijden. Zie dit voorbeeld verderop in deze handleiding over hoe de openingstijden van de huidige dag en de dag erna in de tekst op te nemen. Andere voorbeelden zijn het weergeven in de tekst van de naam van de huidige ingelogde gebruiker en bestanden die zijn geupload.
+Dit is bedoeld voor node embed, hiermee kunt u een pagina in een pagina laden. Stel u wilt onder ‘paspoort’ de inhoud van de pagina ‘zakelijk paspoort’ weergeven dan kan dat op deze manier. Met dit knopje kunt u net als bij een link zoeken naar interne inhoud en die wordt in de vorm van een quote weergegeven in de tekst.
-Tabel toevoegen
+===== Token invoeren =====
-Bij het toevoegen van een tabel kun je het aantal rijen en kolommen kiezen. Ook de afstand tussen de cellen, de ruimte in een cel en de breedte van de rand kun je naar wens instellen. Je kunt ervoor kiezen je tabel links, rechts of in het midden te plaatsen. Dit doe je door met de rechtermuisknop op de tabel te klikken en dan te kiezen voor ‘tabelopties’. Hier is het ook mogelijk om in te stellen dat bijvoorbeeld de eerste rij een ‘koprij’ is en dus wellicht zelfs andere styling krijgt vanuit de code.
+Hiermee kunt u tokens invoeren. Een token is een stuk tekst met specifieke opmaak, dat aan de voorkant van de website vervangen wordt door dynamische informatie. Een voorbeeld is een token die betrekking heeft op openingstijden. Zie de handleiding over hoe de openingstijden van de huidige dag en de dag erna in de tekst op te nemen. Andere voorbeelden zijn het weergeven in de tekst van de naam van de huidige ingelogde gebruiker en bestanden die zijn geupload.
-Broncode
+===== Tabel toevoegen =====
-Door op code te klikken, wordt de HTML van de inhoud weergegeven. Dit kan soms handig zijn om een typfout te herstellen.
+Bij het toevoegen van een tabel kunt u het aantal rijen en kolommen kiezen. Ook de afstand tussen de cellen, de ruimte in een cel en de breedte van de rand kunt u naar wens instellen. U kunt ervoor kiezen uw tabel links, rechts of in het midden te plaatsen. Dit doet u door met de rechtermuisknop op de tabel te klikken en dan te kiezen voor ‘tabelopties’. Hier is het ook mogelijk om in te stellen dat bijvoorbeeld de eerste rij een ‘koprij’ is en dus wellicht zelfs andere styling krijgt vanuit de code.
+===== Broncode =====
+Door op code te klikken, wordt de HTML van de inhoud weergegeven. Dit kan soms handig zijn om een typefout te herstellen. Hier kunt u uiteraard ook allerlei andere html-codes toevoegen, maar houdt er rekening mee dat bij het opslaan deze code gefilterd wordt, en dat code die er niet thuishoort, of niet toegestaan is, verwijderd wordt.