|
From: Joe S. <joe...@us...> - 2004-11-23 18:15:08
|
Update of /cvsroot/phpslash/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/advanced/docs/nl In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv17564/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/advanced/docs/nl Added Files: about.htm common_buttons.htm index.htm insert_anchor_button.htm insert_image_button.htm insert_link_button.htm insert_table_button.htm style.css Log Message: complete tinyMCE addition --- NEW FILE: about.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Over TinyMCE</TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader"> <tr> <td><span class="title">Over TinyMCE</span></td> <td align="right"><a href="index.htm">Inhoudsopgave</a></td> </tr> </table> <hr noshade> <br> TinyMCE is een kleine <i>What-You-See-Is-What-You-Get</i> (WYSIWYG) editor voor teksten. De bediening vindt plaats in de web browser, zoals MSIE of Mozilla. Het werken met deze editor is eenvoudig, omdat de bediening veel lijkt op het werken met teksten in (office-)tekstverwerkers. <br><br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ga naar: <a href="index.htm">Inhoudsopgave</a></td> <td align="right"><a href="#">Naar boven</a></td> </tr> </table> <br> </BODY> </HTML> --- NEW FILE: common_buttons.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Functies van TinyMCE</TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader"> <tr> <td><span class="title">Functies van TinyMCE</span></td> <td align="right"><a href="index.htm">Inhoudsopgave</a></td> </tr> </table> <hr noshade> <br> Het werken met de editor komt sterk overeen met wat u gewend bent van uw tekstverwerker: Dubbel-klik op een woord in de tekst, of trek een kader met de muis terwijl u de linkerknop inhoudt om een gedeelte van de tekst te kiezen. Het aldus gemarkeerde woord of tekstfragment noemen we 'selecteerd'. Met de knoppen en stijl-keuzelijsten in de editor kunt u hiervan vervolgens de opmaak aanpassen of (indien deze reeds was toegekend) verwijderen. <br><br> De meeste functies voert u eenvoudig uit door het klikken van de knoppen (buttons) boven het tekstvenster in de editor. Hieronder vindt u van elk van deze knoppen een beknopte beschrijving. <br> <br> <table width=100% border="1" cellpadding="3" cellspacing="0"> <tr> <td width=20><img src="../../images/bold.gif" width="20" height="20"></td> <td>Gekozen tekstfragment 'Vet' (Bold) maken.</td> </tr> <tr> <td><img src="../../images/italic.gif" width="20" height="20"></td> <td>Gekozen tekstfragment 'Cursief' (Italic) maken.</td> </tr> <tr> <td><img src="../../images/underline.gif" width="20" height="20"></td> <td>Gekozen tekstfragment 'Onderstrepen' (Underline).</td> </tr> <tr> <td><img src="../../images/strikethrough.gif" width="20" height="20"></td> <td>Gekozen tekstfragment 'Doorstrepen' (Strikethrough).</td> </tr> <tr> <td><img src="../../images/left.gif" width="20" height="20"></td> <td>Gekozen tekstfragment naar links uitlijnen.</td> </tr> <tr> <td><img src="../../images/center.gif" width="20" height="20"></td> <td>Gekozen tekstfragment centreren.</td> </tr> <tr> <td><img src="../../images/right.gif" width="20" height="20"></td> <td>Gekozen tekstfragment naar rechts uitlijnen.</td> </tr> <tr> <td><img src="../../images/full.gif" width="20" height="20"></td> <td>Gekozen tekstfragment 'uitvullen' tot complete regels.</td> </tr> </table> <br> <table width=100% border="1" cellpadding="3" cellspacing="0"> <tr> <td><img src="../../images/bullist.gif" width="20" height="20"></td> <td>Gekozen tekstfragment omzetten naar ongeordende (bullet-)lijst of opsomming.</td> </tr> <tr> <td><img src="../../images/numlist.gif" width="20" height="20"></td> <td>Gekozen tekstfragment omzetten naar doorgenummerde lijst.</td> </tr> <tr> <td><img src="../../images/outdent.gif" width="20" height="20"></td> <td>Inspringniveau van het gekozen tekstfragment verkleinen.</td> </tr> <tr> <td><img src="../../images/indent.gif" width="20" height="20"></td> <td>Inspringniveau van het gekozen tekstfragment vergroten.</td> </tr> <tr> <td width=20><img src="../../images/undo.gif" width="20" height="20"></td> <td>De laaste bewerking ongedaan maken. De toetscombinatie CRTL-Z doet hetzelfde.</td> </tr> <tr> <td><img src="../../images/redo.gif" width="20" height="20"></td> <td>De laatste bewerking opnieuw uitvoeren.</td> </tr> <tr> <td><img src="../../images/link.gif" width="20" height="20"></td> <td>Invoegen van een <i>Link</i> (Cross-Link) via dialoogmenu.<br> Zie de beschrijving bij <a href="insert_link_button.htm">Links en verwijzingen in tekst invoegen</a>.</td> </tr> <tr> <td><img src="../../images/unlink.gif" width="20" height="20"></td> <td>Verwijdert alle gevonden <i>Links</i> (Cross-Links) uit de tekstselectie.</td> </tr> <tr> <td><img src="../../images/anchor.gif" width="20" height="20"></td> <td>Anker aan de tekstselectie toekennen of wijzigen.<br> Zie de beschrijving bij <a href="insert_anchor_button.htm">Anker Toevoegen.</a></td> </tr> <tr> <td><img src="../../images/image.gif" width="20" height="20"></td> <td>Voegt een afbeelding in.<br> Zie de beschrijving bij <a href="insert_image_button.htm">Afbeeldingen invoegen</a>.</td> </tr> <tr> <td><img src="../../images/cleanup.gif" width="20" height="20"></td> <td>Schoont ongewenste opmaak en codering van de tekstselectie op. Deze functie is erg nuttig na het overkopiëren van teksten vanuit uw (Office-)tekstverwerker.</td> </tr> <tr> <td><img src="../../images/help.gif" width="20" height="20"></td> <td>Toont dit helpvenster met uitleg van alle functionaliteit van de editor.</td> </tr> <tr> <td><img src="../../images/code.gif" width="20" height="20"></td> <td>Opent het venster met de HTML-broncode voor het direct maken van wijzigingen in de achterliggende pagina-codering. Kennis van de HTML-taal is vereist.</td> </tr> </table> <br> <table width=100% border="1" cellpadding="3" cellspacing="0"> <tr> <td><img src="../../images/table.gif" width="20" height="20"></td> <td>Voegt een nieuwe tabel met 2 rijen en kolommen in op de huidige positie in te tekst. </td> </tr> <tr> <td><img src="../../images/table_insert_row_before.gif" width="20" height="20"></td> <td>Voegt een nieuwe rij toe aan de tabel boven de huidige.</td> </tr> <tr> <td><img src="../../images/table_insert_row_after.gif" width="20" height="20"></td> <td>Voegt een nieuwe rij toe aan de tabel onder de huidige.</td> </tr> <tr> <td><img src="../../images/table_delete_row.gif" width="20" height="20"></td> <td>Verwijdert de huidige rij uit de tabel.</td> </tr> <tr> <td><img src="../../images/table_insert_col_before.gif" width="20" height="20"></td> <td>Voegt een nieuwe kolom toe aan de tabel voor de huidige.</td> </tr> <tr> <td><img src="../../images/table_insert_col_after.gif" width="20" height="20"></td> <td>Voegt een nieuwe kolom toe aan de tabel achter de huidige.</td> </tr> <tr> <td><img src="../../images/table_delete_col.gif" width="20" height="20"></td> <td>Verwijdert de huidige kolom uit de tabel.</td> </tr> <tr> <td><img src="../../images/hr.gif" width="20" height="20"></td> <td>Voegt een horizontale lijn in de tekst toe.</td> </tr> <tr> <td><img src="../../images/removeformat.gif" width="20" height="20"></td> <td>Verwijdert alle tekst-opmaak van de tekstselectie.</td> </tr> <tr> <td><img src="../../images/visualaid.gif" width="20" height="20"></td> <td>Toon of verberg hulplijnen voor tabellen in het tekstvenster.</td> </tr> <tr> <td><img src="../../images/sub.gif" width="20" height="20"></td> <td>Verandert het gekozen tekstfragment in <i>Subscript</i>.</td> </tr> <tr> <td><img src="../../images/sup.gif" width="20" height="20"></td> <td>Verandert het gekozen tekstfragment in <i>Superscript</i>.</td> </tr> <tr> <td><img src="../../images/charmap.gif" width="20" height="20"></td> <td>De <i>Karaktertabel</i> maakt het eenvoudig invoegen van bijzondere karakters mogelijk.<br> Zie de beschrijving bij <a href="insert_specchar_button.htm">Bijzondere karakers in de tekst invoegen.</a></td> </tr> </table> <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ga naar: <a href="index.htm">Inhoudsopgave</a></td> <td align="right"><a href="#">Naar boven</a></td> </tr> </table> </BODY> </HTML> --- NEW FILE: index.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Help Index</TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY onload="window.focus();"> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader"> <tr> <td><span class="title">Inhoudsopgave</span></td> <td align="right"> </td> </tr> </table> <hr noshade> <br> Klik op de onderwerpen in onderstaande inhoudsopgave voor meer informatie. <ul class="toc_ul"> <li class="toc_li"><a href="about.htm">Over TinyMCE</a></li> <li class="toc_li"><a href="common_buttons.htm">Functies van TinyMCE</a></li> <li class="toc_li"><a href="insert_image_button.htm">Afbeeldingen invoegen</a></li> <li class="toc_li"><a href="insert_link_button.htm">Links en verwijzingen in tekst invoegen</a></li> <li class="toc_li"><a href="insert_specchar_button.htm">Bijzondere karakers in de tekst invoegen</a></li> <li class="toc_li"><a href="insert_anchor_button.htm">Ankers in de tekst gebruiken</a></li> <li class="toc_li"><a href="insert_table_button.htm">Tabellen invoegen en aanpassen</a></li> </ul> <hr noshade> </BODY> </HTML> --- NEW FILE: insert_anchor_button.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Ankers in de tekst gebruiken</TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader"> <tr> <td><span class="title">Ankers in de tekst gebruiken</span></td> <td align="right"><a href="index.htm">Inhoudsopgave</a></td> </tr> </table> <hr noshade> <br> Met de knop 'Invoegen Anker' kunt u in de tekst z.g. HTML-ankers invoegen en aanpassen. Deze ankers maken het mogelijk snel naar bepaalde tekstfragmenten te springen. Door het toevoegen van de ankernaam (voorafgegaan door een '#') aan de link naar een pagina (Zie <a href="insert_link_button.htm">'Links en verwijzingen in tekst invoegen'</a>) kan op deze wijze desgewenst direct naar een bepaalde passage in een pagina worden doorgelinkt. <br><br> Voor het toevoegen of aanpassen van een anker wordt onderstaand dialoogvenster getoond.<br> <br> <center><img src="images/insert_anchor_window.gif"></center> <br> Bij het veld 'Anker naam' kan de gewenste naam van het anker worden ingevuld. Let op: Binnen een complete pagina binnen uw website dient de naam van dit anker uniek zijn.<br> <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ga naar: <a href="index.htm">Inhoudsopgave</a></td> <td align="right"><a href="#">Naar boven</a></td> </tr> </table> <br> </BODY> </HTML> --- NEW FILE: insert_image_button.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Afbeeldingen invoegen</TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader"> <tr> <td><span class="title">Afbeeldingen invoegen</span></td> <td align="right"><a href="index.htm">Inhoudsopgave</a></td> </tr> </table> <hr noshade> <br> Voer simpelweg de URL van de afbeelding en de beschrijving in. De omschrijvende tekst wordt in sommige browsers bij de muiswijzer getoond wanneer deze boven de afbeelding wordt stilgehouden. De knop 'Afbeelding Invoegen' opent onderstaand dialoogvenster.<br> <br> <center><img src="images/insert_image_window.gif"></center> <br> <strong>Omschrijving van de velden:</strong><br> <table border="1" cellspacing="0"> <tr> <td width="150"><strong>Afbeelding</strong></td> <td>In dit veld dient u een complete URL op te geven van de afbeelding.</td> </tr> <tr> <td width="150"><strong>Beschrijving</strong></td> <td>Omschrijvende tekst die in sommige browsers bij de muiswijzer wordt getoond wanneer deze boven de afbeelding wordt stilgehouden.</td> </tr> <tr> <td><strong>Uitlijning</strong></td> <td>Uit de lijst kan worden gekozen op welke wijze de afbeelding in de tekst wordt ingebed.</td> </tr> <tr> <td><strong>Afmetingen</strong></td> <td>De breedte en hoogte van de afbeelding in pixels. Laat deze velden leeg als de originele afmetingen gewenst zijn.</td> </tr> <tr> <td><strong>Omranding</strong></td> <td>De dikte (in pixels) van de omranding om de afbeelding.</td> </tr> <tr> <td><strong>Verticale marge</strong></td> <td>De verticale marge (in pixels) gebruikt voor de omloop van teksten om de afbeelding.</td> </tr> <tr> <td><strong>Horizontale marge</strong></td> <td>De horizontale marge (in pixels) gebruikt voor de omloop van teksten om de afbeelding.</td> </tr> </table> <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ga naar: <a href="index.htm">Inhoudsopgave</a></td> <td align="right"><a href="#">Naar boven</a></td> </tr> </table> <br> </BODY> </HTML> --- NEW FILE: insert_link_button.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Links en verwijzingen in tekst invoegen</TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader"> <tr> <td><span class="title">Links en verwijzingen in tekst invoegen</span></td> <td align="right"><a href="index.htm">Inhoudsopgave</a></td> </tr> </table> <hr noshade> <br> De knop 'Link Invoegen' leidt u naar onderstaand dialoogvenster waarmee u eenvoudig een <i>Link</i> (Cross-Link) kunt aanbrengen in uw teksten. <br><br> <center><img src="images/insert_link_window.gif"></center> <br> Bij 'Link URL' dient de de url van de link te worden ingevuld (desgewenst voorafgegaan door 'http://' voor een externe website), bij 'target' kan worden bepaald hoe de link moet openen. <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ga naar: <a href="index.htm">Inhoudsopgave</a></td> <td align="right"><a href="#">Naar boven</a></td> </tr> </table> <br> </BODY> </HTML> --- NEW FILE: insert_table_button.htm --- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Tabellen invoegen en aanpassen</TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pageheader"> <tr> <td><span class="title">Tabellen invoegen en aanpassen</span></td> <td align="right"><a href="index.htm">Inhoudsopgave</a></td> </tr> </table> <hr noshade> <br> De knop 'Invoegen Tabel' stelt u in staat op de huidige plek een nieuwe tabel in uw tekst in te voegen en opent onderstaand dialoogvenster.<br> <br> <center><img src="images/insert_table_window.gif"></center> <br> <strong>Omschrijving van de velden:</strong><br> <table border="1" cellspacing="0"> <tr> <td width="150"><strong>Kolommen</strong></td> <td>Het gewenste aantal kolommen in de tabel.</td> </tr> <tr> <td width="150"><strong>Rijen</strong></td> <td>Het gewenste aantal rijen in de tabel.</td> </tr> <tr> <td><strong>Celvulling</strong></td> <td>De 'Celvulling' (Cellpadding)<br> De opvulmarge rondom binnen elke cel in de tabel in pixels.</td> </tr> <tr> <td><strong>Celafstand</strong></td> <td>De 'Celafstand' (Cellspacing)<br> De ruimte tussen de cellen onderling binnen de tabel in pixels.</td> </tr> <tr> <td><strong>Positionering</strong></td> <td>De positionering van de tabel in de paragraaf.</td> </tr> <tr> <td><strong>Omranding</strong></td> <td>De dikte in pixels van de omranding van de tabel.</td> </tr> <tr> <td><strong>Breedte</strong></td> <td>De breedte van de tabel (in pixels of percentuele notatie).</td> </tr> <tr> <td><strong>Hoogte</strong></td> <td>De breedte van de tabel (in pixels of percentuele notatie).</td> </tr> <tr> <td><strong>CSS-Stijl</strong></td> <td>Optionele stijlkeuze uit de voor de website aangemaakte <i>Cascading Style Sheet</i> (CSS).</td> </tr> </table> <br> <hr noshade> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter"> <tr> <td>Ga naar: <a href="index.htm">Inhoudsopgave</a></td> <td align="right"><a href="#">Naar boven</a></td> </tr> </table> <br> </BODY> </HTML> --- NEW FILE: style.css --- /* body { background-color: #FFFFFF; } */ body, td, .content { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 12px; } .title { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; } .subtitle { font-size: 12px; font-weight: bold; } .toc_ul, .toc_li { margin-left: 8 px; line-height: 16px; } .step_ol, .step_li { margin-left: 11 px; line-height: 16px; } img { border: #000000 solid 1px; } a:visited { color: #666666; text-decoration: underline; } a:active { color: #666666; text-decoration: underline; } a:hover { color: #666666; text-decoration: underline; } a { color: #666666; text-decoration: underline; } .pageheader { border: #E0E0E0 solid 1px; } .pagefooter { border: #E0E0E0 solid 1px; } .sample { background-color: #FFFFFF; border: #000000 solid 1px; } .samplecontent { font-size: 10px; } .code { background-color: #FFFFFF; border: #000000 solid 1px; } .codecontent { font-size: 10px; } .codecontent a:visited { color: #666666; text-decoration: none; font-weight: bold } .codecontent a:active { color: #666666; text-decoration: none; font-weight: bold } .codecontent a:hover { color: #666666; text-decoration: none; font-weight: bold } .codecontent a { color: #666666; text-decoration: none; font-weight: bold } hr { height: 1px; } |
