Home Uitleg Modules Veel gestelde vragen
Uitleg Modules
HTML editor / TinyMCE


De inhoud van uw pagina's kan soms worden opgemaakt. Indien dit mogelijk is krijgt u de hieronder getoonde opties te zien. Afhankelijk van de instellingen van uw onderhoudsysteem en de mogelijkheden van de module zijn er meer of minder opties beschikbaar. De werking van de HTML editor (in dit geval TinyMCE) in InSide Edit V3 is vergelijkbaar met die van tekstverwerkingsprogramma's als MsWord.

Hieronder ziet u een voobeeld van de meest uitgebreide versie van de HTML editor. Afhankelijk van de instellingen in uw onderhoudsysteem kan uw knoppenbalk minder functies bevatten. De meest gebruikte functies worden hieronder besproken.

screenshots/tinymce/tinymce-nl.jpg



Bewerken van tekst:

screenshots/tinymce/mce-bold.jpg Vet - Deze optie maakt de geslecteerde tekst vet. Selecteer de tekst en klik op de knop. Als u vette tekst terug wilt zetten naar normale tekst, selecteer de betreffende tekst en klik nogmaals op deze knop.

screenshots/tinymce/mce-ital.jpg

Cursief - Deze optie maakt de geslecteerde tekst cursief. Selecteer de tekst en klik op de knop. Als u cursieve tekst terug wilt zetten naar normale tekst, selecteer de betreffende tekst en klik nogmaals op deze knop.

screenshots/tinymce/mce-under.jpg

Onderstrepen - Deze optie maakt de geslecteerde tekst onderstreept. Selecteer de tekst en klik op de knop. Als u onderstreepte tekst terug wilt zetten naar normale tekst, selecteer de betreffende tekst en klik nogmaals op deze knop.
screenshots/tinymce/mce-txtcolor.jpg Text Kleur - Hiermee kunt de kleur van de tekst veranderen. Wees spaarzaam met deze mogelijkheid, sinds de tekstkleuren al bepaald zijn op de website.
screenshots/tinymce/mce-txtbg.jpg Achtergrondkleur Text - Hiermee kunt de achtergrondkleur van de tekst veranderen. Wees spaarzaam met deze mogelijkheid, sinds de kleur van de achtergrond al bepaald is op de website.
screenshots/tinymce/mce-strike.jpg Doorhalen - Deze optie maakt de geslecteerde tekst doorgestreept. Selecteer de tekst en klik op de knop. Als u doorgestreepte tekst terug wilt zetten naar normale tekst, selecteer de betreffende tekst en klik nogmaals op deze knop.

screenshots/tinymce/mce-left.jpg

Links uitlijnen - Deze optie lijnt de geslecteerde tekst links uit. Selecteer de tekst en klik op de knop. Als u links uitgelijnde tekst terug wilt zetten naar normale tekst, selecteer de betreffende tekst en klik nogmaals op deze knop.

Centreren - Deze optie centreert de geslecteerde tekst. Selecteer de tekst en klik op de knop. Als u gecentreerde tekst terug wilt zetten naar normale tekst, selecteer de betreffende tekst en klik nogmaals op deze knop.

screenshots/tinymce/mce-right.jpg

Rechts uitlijnen - Deze optie lijnt de geslecteerde tekst rechts uit. Selecteer de tekst en klik op de knop. Als u rechts uitgelijnde tekst terug wilt zetten naar normale tekst, selecteer de betreffende tekst en klik nogmaals op deze knop.

screenshots/tinymce/mce-just.jpg

Uitvullen - Deze optie vult de geslecteerde tekst volledig uit over de pagina. Selecteer de tekst en klik op de knop. Als u volledig uitgevulde tekst terug wilt zetten naar normale tekst, selecteer de betreffende tekst en klik nogmaals op deze knop.

screenshots/tinymce/mce-nl-dropstyles.jpg

Stijlen - Hiermee geeft u de geselcteerde tekst een specifieke stijl die reeds voor u is aangemaakt. De mogelijkheden van dit uitklapmenu varieren per website.
screenshots/tinymce/mce-nl-dropelement.jpg Elementen - Hiermee geeft u de geselcteerde tekst een standaard stijl. De weergave van deze stijlen varieren per website.
screenshots/tinymce/mce-nl-dropfont.jpg Lettertype - Hiermee geeft u de geselcteerde tekst een lettertype. Gebruik lettertypen spaarzaam. Meestal is uw website al voorzien van goede standaard opmaak. De weergave kan verschillen per bezoeker van uw website.
screenshots/tinymce/mce-nl-dropsize.jpg Tekengrootte - Hiermee geeft u de geselcteerde tekst een tekengrootte. Gebruik lettergrootten spaarzaam. Meestal is uw website al voorzien van goede standaard opmaak. De weergave kan verschillen per bezoeker van uw website.

 


Tabellen

 screenshots/tinymce/mce-table-icons.gif

Hier kunt u een tabel toevoegen. Daarnaast kunt u uw rij- en cel eigenschappen definiëren, rijen en kolommen toevoegen en cellen splitsen of samenvoegen.

screenshots/tinymce/mce-table-venster.gif

Met behulp van het venster kunt U een aantal dingen instellen zoals: Aantal kolommen en rijen, Ruimte in- en om de cel, Uitlijning van de tekst in de cel (links, rechts, boven en onder) en ten slotte de breedte en hoogte van de cel.



Knippen en plakken

screenshots/tinymce/mce-cut.jpg

Knippen - Selecteer de te plakken of verwijderen elementen en druk op deze knop om te knippen. De elementen kunnen op een andere plaats worden geplakt. U kunt ook naar andere plaatsen knippen en plakken dan uw website, bijvoorbeeld om een stuk tekst te gebruiken in een Word document. Ook beschikbaar via de toetscombinatie Ctrl-X (Windows).

screenshots/tinymce/mce-copy.jpg

Kopiëren - Selecteer de gebruiken elementen en druk op deze knop om te kopiëren. De elementen kunnen op een andere plaats worden geplakt. U kunt ook naar andere plaatsen knippen en plakken dan uw website, bijvoorbeeld om een stuk tekst te gebruiken in een Word document. Ook beschikbaar via de toetscombinatie Ctrl-C (Windows).

screenshots/tinymce/mce-paste.jpg

Plakken - Reguliere plak-functie. Om tekst te plakken plaatst u uw cursor op de gewenste positie en drukt op deze knop. Ook beschikbaar via de toetscombinatie Ctrl-V (Windows).

screenshots/tinymce/mce-paste-txt.jpg

Plakken [platte tekst] - Speciaal voor het plakken van tekst die u heeft gekopiëert uit MsWord of een andere website. Vaak neemt dergelijke tekst onbedoeld grafische eigenschappen mee die u niet in uw website wilt plakken. Door deze knop te gebruiken wordt alleen de platte tekst geplaatst.

screenshots/tinymce/mce-paste-doc.jpg

Plakken [vanuit Word] - Bij het kopiëren van tabellen of andere complexe zaken vanuit Word wordt vaak onbedoelde opmaak meegenomen naar uw website. Voor elementen en tekst vanuit Word kunt u deze plak-functie gebruiken.

 



Zoeken / Zoek en vervang

screenshots/tinymce/mce-search.jpg Zoeken - Hiermee kunt u in de tekst zoeken die binnen de HTML editor geopend is.

screenshots/tinymce/mce-search-replace.jpg

Vervang - De vervang functie geeft de mogelijkheid tekst te doorzoeken op een specifieke term en deze gelijktijdig door de hele tekst te wijzigen.

Zoek Vervang

screenshots/tinymce/vervangzoek.gif

 

Links

screenshots/tinymce/mce-link.jpg

Link Toevoegen - Om een link toe te voegen selecteerd u eerst een stukje tekst of een afbeelding. Daarna klikt u op het icoontje. Er zal een venster verschijnen.
U kunt verwijzen naar verschillende pagina's: Pagina's buiten de site, pagina's binnen de site u kunt verwijzen naar zogenaamde ankers op dezelfde pagina als de link.

screenshots/tinymce/mce-link-venster.gif
URL - Hiermee kunt u linken naar een andere site door het adres van deze site in te vullen.
Lijst - Hier kunt u een pagina uit de website kiezen om naar te verwijzen.
Ankers - Als u een anker heeft aangemaakt op dezelfde pagina, dan kunt u deze vinden in de lijst om naar te verwijzen.

Doel - Hiermee kunt u de link openen in een nieuw venster
Titel - U kunt een beschrijving meegeven over de link
Klasse - De opmaak van de link (waarschijnlijk kunt u dit leeg laten)

screenshots/tinymce/mce-unlink.jpg

Link verwijderen - Hiermee kunt links en ankers verwijderen. U kunt de links herkennen doordat ze blauw en onderlijnd zijn. Ankers zijn te herkennen door het icoontje wat voor de anker staat.

screenshots/tinymce/mce-anchor.jpg

Anker Toevoegen - Ankers zijn er om te linken in de pagina zelf. U kunt een stukje tekst selecteren en dit een ankernaam toe te voegen. Met behulp van Link Toevoegen kunt u verwijzen naar de ankernaam. Als iemand dan op de link klikt gaat de gebruiker naar de plek van het anker. De gebruiker blijft op dezelfde pagina

Objecten toevoegen

screenshots/tinymce/mce-img.jpg

Afbeeldingen toevoegen - U kunt afbeeldingen weergeven op de pagina. Op dit moment kunt u geen afbeeldingen uploaden vanaf uw computer, dit kan wel met behulp van de Filemanager.
Als u dat heeft gedaan kunt u terugkeren en uw afbeelding selecteren uit de lijst (Zie item hieronder).

screenshots/tinymce/mce-img-venster.gif

Bestand / URL - De URL naar de afbeelding buiten de website of de URL naar de afbeelding die u geselecteerd is vanaf de lijst (zie volgende item).
Lijst - Hiermee kunt u een afbeelding selecteren die u heeft geupload met behulp van de Filemanager.
Beschrijving - Geef een korte omschrijving van uw afbeelding.
Titel - De titel kan het best zo kort mogelijk gehouden worden.

screenshots/tinymce/mce-specialchar.jpg Symbool toevoegen - Hiermee kunt u symbolen toevoegen waarvan u de sneltoets niet van weet (ë heeft bijvoorbeeld sneltoets Ctrl+1+3+7).
screenshots/tinymce/mce-smile.jpg Smiley toevoegen - Nu kunt u deze bijzonder gezellige smileys toevoegen. Er zijn er in totaal zestien, dus meer dan alleen deze knipoog Knipogen.

 

Overige functies

screenshots/tinymce/mce-ulist.jpg Opsommingstekens - Deze knop voegt een lijst toe met zgn. bullets. Begin uw lijst op een nieuwe regel. Als u de "enter" toets gebruikt ontstaat het volgende lijst-item. Om "uit" de lijst te komen drukt u aan het eind van uw lijst twee keer op de "enter" toets. Om de opsommingstekens te verwijderen selecteert u de tekst en drukt nogmaals op de knop.
screenshots/tinymce/mce-olist.jpg Genummerde opsommingslijst - Deze knop voegt een genummerde lijst toe aan uw tekst. Werking is verder gelijk aan de bovenstaande functie.
screenshots/tinymce/mce-marginless.jpgscreenshots/tinymce/mce-marginmore.jpg Inspringen verminderen / Inspringen - Door deze knop te gebruiken kunt u een stu tekst laten inspringen of de inspringing van en stuk tekst verminderen.
screenshots/tinymce/mce-undo.jpgscreenshots/tinymce/mce-redo.jpg Ongedaan maken / Herhalen - Als u een wijziging ongedaan wilt maken gebruikt u de linker knop of de toestencombinatie Ctrl-Z. Om een ongedaan gemaakte wijziging terug te plaatsen gebruikt u de rechter knop of de toetsencombinatie Ctrl-Y.
screenshots/tinymce/mce-ins-date.jpg Datum Invoegen - In getallen. Bijvoorbeeld 29-03-2010
screenshots/tinymce/mce-ins-time.jpg Tijd Invoegen - Bijvoorbeeld 15:39:50
screenshots/tinymce/mce-preview.jpg Voorbeeld bekijken - Zo kunt u kijken hoe uw pagina er straks uit komt te zien.
screenshots/tinymce/mce-print.jpg Printen - Handig voor als u nog een aantal zaken wilt doorlezen u bijvoorbeeld wijzigingen doorvoert.



 Woord en tekst opmaak

screenshots/tinymce/mce-wordicons.jpg

De eerste vier icoontjes hebben iets te maken met lagen, maar ook wij weten niet helemaal wat het doet, dus misschien moet u hier maar vanaf blijven.

Met Het icoontje met de twee A-tjes kunt u de gehele stijl van de pagina aanpassen, alhoewel dat niet aan te bevelen is om hier flink huis te houden. Waarschijnlijk ziet uw site er prima uit, door de verdiensten van de ontwerper van de site. Als u toch wat wilt veranderen kunt u dit het beste doen met Bold, Cursief en Onderlijnd.

Verder kunt citaten, afkortingen, synonymen en attributen invoegen.

Meer over dit onderwerp in Veelgestelde vragen