tinymce editor

This commit is contained in:
JT Smith 2004-10-30 16:36:18 +00:00
parent 6ddb7c49e6
commit 9cffe191ac
655 changed files with 16255 additions and 22045 deletions

View file

@ -0,0 +1,33 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>&Agrave; propos de 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">&Agrave; propos de TinyMCE</span></td>
<td align="right"><a href="index.htm">Table des mati&egrave;res</a></td>
</tr>
</table>
<hr noshade>
<br>
TinyMCE est un petit &eacute;diteur "WYSIWYG" pour page Web comme MSIE ou Mozilla qui
vous permet de manipuler du contenu HTML d'une fa&ccedil;on plus intuitive.
Il est simple d'utilisation et poss&egrave;de les fonctionalit&eacute;s ls plus r&eacute;pendues que l'on peut retrouver dans
les traitements de texte.
<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Aller &agrave;: <a href="index.htm">Table des mati&egrave;res</a></td>
<td align="right"><a href="#">Haut de page</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,112 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Outils communs</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">Outils communs</span></td>
<td align="right"><a href="index.htm">Table des mati&egrave;res</a></td>
</tr>
</table>
<hr noshade>
<br>
Ci-dessous une courte description de chacuns des outils.<img src="../../images/spacer.gif" width="1" height="1">
<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td><img src="../../images/bold_fr.gif" width="20" height="20"></td>
<td>Met le texte s&eacute;lectionn&eacute; en gras.</td>
</tr>
<tr>
<td><img src="../../images/italic.gif" width="20" height="20"></td>
<td>Met le texte s&eacute;lectionn&eacute; en italique.</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20"></td>
<td>Souligne le texte s&eacute;lectionn&eacute;.</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20"></td>
<td>Barre le texte s&eacute;lectionn&eacute;.</td>
</tr>
<tr>
<td><img src="../../images/left.gif" width="20" height="20"></td>
<td>Alignement &agrave; gauche.</td>
</tr>
<tr>
<td><img src="../../images/center.gif" width="20" height="20"></td>
<td>Alignement au centr&eacute;.</td>
</tr>
<tr>
<td><img src="../../images/right.gif" width="20" height="20"></td>
<td>Alignement &agrave; droite.</td>
</tr>
<tr>
<td><img src="../../images/full.gif" width="20" height="20"></td>
<td>Texte justifi&eacute;.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20"></td>
<td>Liste &agrave; puces.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20"></td>
<td>Liste num&eacute;rot&eacute;e</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20"></td>
<td>R&eacute;duit l'indentation.</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20"></td>
<td>Augmente l'indentation.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20"></td>
<td>Annule la derni&egrave;re op&eacute;ration.</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20"></td>
<td>Refait la derni&egrave;re op&eacute;ration annul&eacute;e.</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20"></td>
<td>Ins&egrave;re ou modifie un hyperlien. Allez &agrave; la page <a href="insert_link_button.htm">
Outil d'ajout d'hyperliens</a> pour plus de d&eacute;tails.</td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" width="20" height="20"></td>
<td>Efface les hyperliens qui sont s&eacute;lection&eacute;es.</td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20"></td>
<td>Ins&egrave;re ou modifie une image. Allez &agrave; la page <a href="insert_image_button.htm">
Outil d'ajout d'images</a> pour plus de d&eacute;tails.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" width="20" height="20"></td>
<td>Nettoie le code et retire les param&egrave;tres non d&eacute;sir&eacute;s. Cet outil
est tr&egrave;s utile lorsque vous copiez du contenu provenant de logiciels
de bureatique.</td>
</tr>
<tr>
<td><img src="../../images/help.gif" width="20" height="20"></td>
<td>Affiche cette page d'aide.</td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Aller &agrave;: <a href="index.htm">Table des mati&egrave;res</a></td>
<td align="right"><a href="#">Haut de page</a></td>
</tr>
</table>
</BODY>
</HTML>

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View file

@ -0,0 +1,25 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Table des mati&egrave;res de l'aide</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">Table des mati&egrave;res</span></td>
<td align="right">&nbsp;</td>
</tr>
</table>
<hr noshade>
<br>
Faites votre s&eacute;lection parmis les th&egrave;mes suivants:
<ul class="toc_ul">
<li class="toc_li"><a href="about.htm">&Agrave; propos de TinyMCE</a></li>
<li class="toc_li"><a href="common_buttons.htm">Outils communs</a></li>
<li class="toc_li"><a href="insert_image_button.htm">Outil d'ajout d'images</a></li>
<li class="toc_li"><a href="insert_link_button.htm">Outil d'ajout d'hyperliens</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,35 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Outil d'ajout d'images</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">Outil d'ajout d'images</span></td>
<td align="right"><a href="index.htm">Table des mati&egrave;res</a></td>
</tr>
</table>
<hr noshade>
<br>
L'outil d'ajout d'images ouvre la fen&ecirc;tre ci-dessous.<br>
<br>
<img src="images/insert_image_window.gif"><br>
<br>
Vous entrez tout simplement l'adresse de l'image que vous d&eacute;sirez ajouter et
entrez une description facultative. La description sera affich&eacute;e en texte alternatif
sur l'image lorsqu'elle sera publi&eacute;e.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Aller &agrave;: <a href="index.htm">Table des mati&egrave;res</a></td>
<td align="right"><a href="#">Haut de page</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,35 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Outil d'ajout d'hyperliens</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">Outil d'ajout d'hyperliens</span></td>
<td align="right"><a href="index.htm">Table des mati&egrave;res</a></td>
</tr>
</table>
<hr noshade>
<br>
L'outil d'ajout d'hyperlien ouvre la fen&ecirc;tre ci-dessous.<br>
<br>
<img src="images/insert_link_window.gif"><br>
<br>
Il y a deux champs dans cette fen&ecirc;tre. L'Adresse URL est l'adresse
de l'hyperlien. La destination vous permet de choisir de quelle fa&ccedil;on
l'hyperlien sera ouvert.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Aller &agrave;: <a href="index.htm">Table des mati&egrave;res</a></td>
<td align="right"><a href="#">Haut de page</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,28 @@
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; }

View file

@ -0,0 +1,32 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>O TinyMCE</TITLE>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<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">O TinyMCE</span></td>
<td align="right"><a href="index.htm">Obsah</a></td>
</tr>
</table>
<hr noshade>
<br>
TinyMCE je malý WYSIWYG editor pro webové prohlí¾eèe jako jsou MSIE nebo Mozilla,
kterým lze HTML obsah upravovat mnohem jednodu¹eji. Obsahuje bì¾né funkce,
je¾ lze nalézt ve vìt¹inì textových editorù, proto by jeho pou¾ívání nemìlo být slo¾ité.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Jdi na: <a href="index.htm">Obsah</a></td>
<td align="right"><a href="#">Nahoru</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,123 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Bì¾ná tlaèítka</TITLE>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<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">Bì¾ná tlaèítka</span></td>
<td align="right"><a href="index.htm">Obsah</a></td>
</tr>
</table>
<hr noshade>
<br>
Ní¾e je krátce popsáno ka¾dé tlaèítko.
<img src="../../images/spacer.gif" width="1" height="1">
<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td><img src="../../images/cut.gif" width="20" height="20"></td>
<td>Zkopíruje aktuálnì vybraný obsah do schránky. (Ctrl+C)</td>
</tr>
<tr>
<td><img src="../../images/copy.gif" width="20" height="20"></td>
<td>Vyjme aktuálnì vybraný obsah do schránky. (Ctrl+X)</td>
</tr>
<tr>
<td><img src="../../images/paste.gif" width="20" height="20"></td>
<td>Vlo¾í obsah schránky do okna editoru. (Ctrl+P)</td>
</tr>
<tr>
<td><img src="../../images/bold.gif" width="20" height="20"></td>
<td>Ztuèní text.</td>
</tr>
<tr>
<td><img src="../../images/italic.gif" width="20" height="20"></td>
<td>Naformátuje text kurzívou.</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20"></td>
<td>Podtrhne text.</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20"></td>
<td>Pøe¹krtne text.</td>
</tr>
<tr>
<td><img src="../../images/left.gif" width="20" height="20"></td>
<td>Zarovná vlevo.</td>
</tr>
<tr>
<td><img src="../../images/center.gif" width="20" height="20"></td>
<td>Zarovná na støed.</td>
</tr>
<tr>
<td><img src="../../images/right.gif" width="20" height="20"></td>
<td>Zarovná vpravo.</td>
</tr>
<tr>
<td><img src="../../images/full.gif" width="20" height="20"></td>
<td>Zarovná do bloku.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20"></td>
<td>Neøazený seznam/seznam s odrá¾ky.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20"></td>
<td>Øazený seznam/èíslovaný seznam.</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20"></td>
<td>Pøedsadí/sní¾í odsazení.</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20"></td>
<td>Odsadí/zvý¹í odsazení.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20"></td>
<td>Vrátí zpìt naposledy provedenou akci.</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20"></td>
<td>Obnoví poslední akci.</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20"></td>
<td>Vlo¾í nový odkaz, více o této funkci v èásti <a href="insert_link_button.htm">Vlo¾it odkaz</a>.</td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" width="20" height="20"></td>
<td>Zru¹í odkaz v aktuálním výbìru/odstranit v¹echny vybrané odkazy.</td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20"></td>
<td>Vlo¾í nový obrázek, více o této funkci v èásti <a href="insert_image_button.htm">Vlo¾it obrázek</a>.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" width="20" height="20"></td>
<td>Vyèistí kód/odstraní nechtìné formátování. Tato funkce se hodí kdy¾
kopírujete obsah napøíklad z kanceláøského balíku.</td>
</tr>
<tr>
<td><img src="../../images/help.gif" width="20" height="20"></td>
<td>Zobrazí tuto nápovìdu.</td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Jdi na: <a href="index.htm">Obsah</a></td>
<td align="right"><a href="#">Nahoru</a></td>
</tr>
</table>
</BODY>
</HTML>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

View file

@ -0,0 +1,26 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Nápovìda</TITLE>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<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">Obsah</span></td>
<td align="right">&nbsp;</td>
</tr>
</table>
<hr noshade>
<br>
Kliknutím na odkazy ní¾e zvolte po¾adovanou èást nápovìdy.
<ul class="toc_ul">
<li class="toc_li"><a href="about.htm">O TinyMCE</a></li>
<li class="toc_li"><a href="common_buttons.htm">Bì¾ná tlaèítka</a></li>
<li class="toc_li"><a href="insert_image_button.htm">Tlaèítko vlo¾it obrázek</a></li>
<li class="toc_li"><a href="insert_link_button.htm">Tlaèítko vlo¾it odkaz</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,35 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Tlaèítko vlo¾it obrázek</TITLE>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<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">Tlaèítko vlo¾it obrázek</span></td>
<td align="right"><a href="index.htm">Obsah</a></td>
</tr>
</table>
<hr noshade>
<br>
Tlaèítko vlo¾it obrázek otevøe následující okno.<br>
<br>
<img src="images/insert_image_window.png" width="348" height="160"><br>
<br>
Jen vlo¾te URL obrázku, který chcete pøidat a zadáte jeho popis, jen¾ bude
zobrazován jako alternativní popisek obrázku.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Jdi na: <a href="index.htm">Obsah</a></td>
<td align="right"><a href="#">Nahoru</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,35 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Tlaèítko vlo¾it odkaz</TITLE>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<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">Tlaèítko vlo¾it odkaz</span></td>
<td align="right"><a href="index.htm">Obsah</a></td>
</tr>
</table>
<hr noshade>
<br>
Toto tlaèítko otevøe nové okno s mo¾ností vlo¾ení/úpravy odkazu.<br>
<br>
<img src="images/insert_link_window.png" width="328" height="160"><br>
<br>
V tomto oknì jsou dvì políèka. &quot;URL odkazu&quot; je adresa stránky, na
kterou odkazujeme. &quot;Cíl&quot; urèuje, jak má být odkazovaná stránka otevøena.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Jdi na: <a href="index.htm">Obsah</a></td>
<td align="right"><a href="#">Nahoru</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,28 @@
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: 0; }
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; }

View file

@ -0,0 +1,32 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>&Uuml;ber 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">&Uuml;ber TinyMCE</span></td>
<td align="right"><a href="index.htm">Inhalt</a></td>
</tr>
</table>
<hr noshade>
<br>
TinyMCE ist ein kompakter WYSIWYG-Editor f&uuml;r Webbrowser wie MSIE oder Mozilla
der es Ihnen erm&ouml;glicht HTML-Inhalte auf eine benutzerfreundliche Weise zu
editieren. Es verf&uuml;gt über die wichtigsten Funktionen die in den meisten
Textverarbeitungen vorkommen und sollte einfach zu benutzen sein.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Gehe zu: <a href="index.htm">Inhaltsverzeichnis</a></td>
<td align="right"><a href="#">nach oben</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,108 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Allgemeine Schaltfl&auml;chen</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">Allgemeine Schaltfl&auml;chen</span></td>
<td align="right"><a href="index.htm">Inhalt</a></td>
</tr>
</table>
<hr noshade>
<br>
Untenstehend eine kurze Beschreibung jeder Schaltfl&auml;che.<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td><img src="../../images/bold_de_se.gif" width="20" height="20"></td>
<td>Fetter Text.</td>
</tr>
<tr>
<td><img src="../../images/italic_de_se.gif" width="20" height="20"></td>
<td>Kursiver Text.</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20"></td>
<td>Unterstrichener Text.</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20"></td>
<td>Durchgestrichener Text.</td>
</tr>
<tr>
<td><img src="../../images/left.gif" width="20" height="20"></td>
<td>Linksb&uuml;ndig.</td>
</tr>
<tr>
<td><img src="../../images/center.gif" width="20" height="20"></td>
<td>Zentriert.</td>
</tr>
<tr>
<td><img src="../../images/right.gif" width="20" height="20"></td>
<td>Rechtsb&uuml;ndig.</td>
</tr>
<tr>
<td><img src="../../images/full.gif" width="20" height="20"></td>
<td>Blocksatz.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20"></td>
<td>Unsortierte Liste / Punktierte Liste.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20"></td>
<td>Sortierte Liste / Nummerierte Liste.</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20"></td>
<td>Einzug verkleinern.</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20"></td>
<td>Einzug vergr&ouml;ssern.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20"></td>
<td>Letzte Aktion r&uuml;ckg&auml;ngig machen.</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20"></td>
<td>Letzte Aktion wiederholen.</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20"></td>
<td>Einen neuen Hyperlink einf&uuml;gen, lesen Sie mehr &uuml;ber diese Funktion im Kapitel <a href="insert_link_button.htm">Hyperlink einf&uuml;gen</a>.</td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" width="20" height="20"></td>
<td>Den gegenw&auml;rtige markierten Hyperlink entfernen / Alle gegenw&auml;rtig markierten Hyperlinks entfernen.</td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20"></td>
<td>Ein neues Bild einf&uuml;gen, lesen Sie mehr &uuml;ber diese Funktion im Kapitel <a href="insert_image_button.htm">Bild einf&uuml;gen</a>.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" width="20" height="20"></td>
<td>unsauberen Code aufr&auml;umen / Entfernt ungewollte Formatierungen. Diese Funktion ist n&uuml;tzlich,
wenn Sie beispielsweise Inhalte aus einem Office Produkt kopieren.</td>
</tr>
<tr>
<td><img src="../../images/help.gif" width="20" height="20"></td>
<td>Zeigt diese Hilfe an.</td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Gehe zu: <a href="index.htm">Inhaltsverzeichnis</a></td>
<td align="right"><a href="#">nach oben</a></td>
</tr>
</table>
</BODY>
</HTML>

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5 KiB

View file

@ -0,0 +1,25 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Inhaltsverzeichnis der Hilfe</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">Inhaltsverzeichnis</span></td>
<td align="right">&nbsp;</td>
</tr>
</table>
<hr noshade>
<br>
Klicken Sie auf die untenstehenden Links um die verschiedenen Bereiche der Hilfe zu betrachten.
<ul class="toc_ul">
<li class="toc_li"><a href="about.htm">&Uuml;ber TinyMCE</a></li>
<li class="toc_li"><a href="common_buttons.htm">Allgemeine Schaltfl&auml;chen</a></li>
<li class="toc_li"><a href="insert_image_button.htm">Schaltfl&auml;che Bild einf&uuml;gen</a></li>
<li class="toc_li"><a href="insert_link_button.htm">Schaltfl&auml;che Hyperlink einf&uuml;gen</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,34 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Schaltfl&auml;che Bild einf&uuml;gen</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">Schaltfl&auml;che Bild einf&uuml;gen</span></td>
<td align="right"><a href="index.htm">Inhalt</a></td>
</tr>
</table>
<hr noshade>
<br>
Die Schaltfl&auml;che &quot;Bild einf&uuml;gen&quot; &ouml;ffnet das unten gezeigte Fenster.<br>
<br>
<img src="images/insert_image_window.gif" width="350" height="166"><br>
<br>
Sie geben einfach die URL zu dem Bild ein, das Sie verknüpfen möchten und eine
Beschreibung des Bildes, welche dann als alternative Textbeschreibung verwendet wird.
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Gehe zu: <a href="index.htm">Inhaltsverzeichnis</a></td>
<td align="right"><a href="#">nach oben</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,35 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Schaltfl&auml;che Hyperlink einf&uuml;gen</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">Schaltfl&auml;che Hyperlink einf&uuml;gen</span></td>
<td align="right"><a href="index.htm">Inhalt</a></td>
</tr>
</table>
<hr noshade>
<br>
Diese Schaltfl&auml;che &ouml;ffnet das Fenster f&uuml;r die &quot;Hyperlink einf&uuml;gen / bearbeiten&quot;-Funktion.<br>
<br>
<img src="images/insert_link_window.gif" width="330" height="166"><br>
<br>
Zwei Felder sind in diesem Fenster auszufüllen. Das Erste, &quot;Hyperlink URL&quot;, ist f&uuml;r
die URL der Verknüpfung. Das &quot;Ziel&quot; erlaubt Ihnen auszuwählen wie die Verkn&uuml;pfung
ge&ouml;ffnet werden soll.
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Gehe zu: <a href="index.htm">Inhaltsverzeichnis</a></td>
<td align="right"><a href="#">nach oben</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,28 @@
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; }

View file

@ -0,0 +1,29 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Acerca de 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">Acerca de TinyMCE</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</table>
<hr noshade>
<br>
TinyMCE es un editor WYSIWYG para navegadores como MSIE o Mozilla que te permite editar el contenido HTML de una manera m&aacute;s amigable. Tiene la mayor&iacute;a de las opciones de un procesador de texto y no deber&iacute;a ser dificil de usar.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Ir a: <a href="index.htm">Lista de contenidos</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,108 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Botones de uso com&uacute;n<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">Botones de uso com&uacute;n</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</table>
<hr noshade>
<br>
Peque&ntilde;a descripci&oacute;n de cada bot&oacute;n.<img src="../../images/spacer.gif" width="1" height="1">
<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td><img src="../../images/bold.gif" width="20" height="20"></td>
<td>Texto en negrita.</td>
</tr>
<tr>
<td><img src="../../images/italic.gif" width="20" height="20"></td>
<td>Texto en cursiva.</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20"></td>
<td>Texto subrayado.</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20"></td>
<td>Texto tachado.</td>
</tr>
<tr>
<td><img src="../../images/left.gif" width="20" height="20"></td>
<td>Alinear a la izquierda.</td>
</tr>
<tr>
<td><img src="../../images/center.gif" width="20" height="20"></td>
<td>Alinear al centro.</td>
</tr>
<tr>
<td><img src="../../images/right.gif" width="20" height="20"></td>
<td>Alinear a la derecha.</td>
</tr>
<tr>
<td><img src="../../images/full.gif" width="20" height="20"></td>
<td>Alinear justificado.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20"></td>
<td>Lista desordenada/lista por puntos.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20"></td>
<td>Lista ordenada/lista numerada</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20"></td>
<td>Disminuir la sangr&iacute;a.</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20"></td>
<td>Aumentar la sangr&iacute;a.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20"></td>
<td>Deshacer la &uacute;ltima operaci&oacute;n.</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20"></td>
<td>Rehacer la &uacute;ltima operaci&oacute;n.</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20"></td>
<td>Insertar un enlace, m&aacute;s informaci&oacute;n en <a href="insert_link_button.htm">insertar enlace</a>.</td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" width="20" height="20"></td>
<td>Quita el enlace al texto seleccionado.</td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20"></td>
<td>Inserta una nueva imagen, m&aacute;s informaci&oacute;n en <a href="insert_image_button.htm">insertar imagen</a>.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" width="20" height="20"></td>
<td>Limpiar c&oacute;digo. Esta funci&oacute;n es &uacute;til cuando copias el c&oacute;digo de otra p&aacute;gina.</td>
</tr>
<tr>
<td><img src="../../images/help.gif" width="20" height="20"></td>
<td>Muestra esta ventana de ayuda.</td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Ir a: <a href="index.htm">Lista de contenidos</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
</BODY>
</HTML>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

View file

@ -0,0 +1,25 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Indice de la ayuda</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">Lista de contenidos</span></td>
<td align="right">&nbsp;</td>
</tr>
</table>
<hr noshade>
<br>
Selecciona una secci&oacute;n para ver la ayuda.
<ul class="toc_ul">
<li class="toc_li"><a href="about.htm">Acerca de TinyMCE</a></li>
<li class="toc_li"><a href="common_buttons.htm">Botones</a></li>
<li class="toc_li"><a href="insert_image_button.htm">Insertar imagen</a></li>
<li class="toc_li"><a href="insert_link_button.htm">Insertar enlaces</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,33 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Insertar imagen</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">Insertar imagen</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</table>
<hr noshade>
<br>
El bot&oacute;n insertar imagen abre la siguiente ventana.<br>
<br>
<img src="images/insert_image_window.gif" width="350" height="159"><br>
<br>
Tu s&oacute;lo tienes que escribir la URL de la imagen que quieres que aparezca y escribir una descripci&oacute;n de esta, esta descripci&oacute;n aparecera como un texto alternativo que describa la imagen.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Ir a: <a href="index.htm">Lista de contenidos</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,33 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Insertar enlaces</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">Insertar enlaces</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</table>
<hr noshade>
<br>
Este bot&oacute;n abre una nueva ventana con la funci&oacute;n insertar/editar enlace.<br>
<br>
<img src="images/insert_link_window.gif" width="330" height="159"><br>
<br>
Hay dos campos en esta ventana, el primero &quot;Link URL&quot; es donde hay que escribir la direcci&oacute;n del enlace. El segundo &quot;Target&quot; indica c&oacute;mo se abrir&aacute; el enlace.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Ir a: <a href="index.htm">Lista de contenidos</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,28 @@
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; }

View file

@ -0,0 +1,29 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>&Uuml;ber 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">A TinyMCE-r&#337;l</span></td>
<td align="right"><a href="index.htm">Tartalom</a></td>
</tr>
</table>
<hr noshade>
<br>
A TinyMCE egy kompakt WYSIWYG-szerkeszt&#337; az MSIE-hoz &eacute;s a Mozill&aacute;hoz hasonl&oacute; webb&ouml;ng&eacute;sz&#337;k sz&aacute;m&aacute;ra, mely lehet&#337;s&eacute;get ny&uacute;jt &ouml;nnek a HTML tartalmak egyszer&#369; szerkeszt&eacute;s&eacute;re. A legt&ouml;bb sz&ouml;vegszerkeszt&#337;ben el&eacute;rhet&#337; funkci&oacute;kat ny&uacute;jtja egyszer&#369;en kezelhet&#337; form&aacute;ban.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Ugr&aacute;s a <a href="index.htm">Tartalomjegyz&eacute;kre</a></td>
<td align="right"><a href="#">ugr&aacute;s a lap tetej&eacute;re </a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,107 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Allgemeine Schaltfl&auml;chen</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">Allgemeine Schaltfl&auml;chen</span></td>
<td align="right"><a href="index.htm">Tartalom</a></td>
</tr>
</table>
<hr noshade>
<br>
Untenstehend eine kurze Beschreibung jeder Schaltfl&auml;che.<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td><img src="../../images/bold.gif" width="20" height="20"></td>
<td>Félkövér szöveg.</td>
</tr>
<tr>
<td><img src="../../images/italic.gif" width="20" height="20"></td>
<td>Dõlt szöveg .</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20"></td>
<td>Aláhúzott szöveg .</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20"></td>
<td>Áthúzott szöveg .</td>
</tr>
<tr>
<td><img src="../../images/left.gif" width="20" height="20"></td>
<td>Balra igazítás .</td>
</tr>
<tr>
<td><img src="../../images/center.gif" width="20" height="20"></td>
<td>Középre igazítás .</td>
</tr>
<tr>
<td><img src="../../images/right.gif" width="20" height="20"></td>
<td>Jobbra igazíás .</td>
</tr>
<tr>
<td><img src="../../images/full.gif" width="20" height="20"></td>
<td>Sorkizárt.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20"></td>
<td>Felsorolás / pontozott lista. </td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20"></td>
<td>Felsorolás / számozott lista.</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20"></td>
<td>Behúzás balra .</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20"></td>
<td>behúzás jobbra .</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20"></td>
<td>Utolsó parancs visszavonása .</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20"></td>
<td>Utolsó parancs ismétlése .</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20"></td>
<td>Új link beillesztése, bõvebb információért olvassa el a <a href="insert_link_button.htm">Link beillesztését</a>.</td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" width="20" height="20"></td>
<td>A kijelölt link eltávolítása / Az összes kijelölt link eltávolítása.</td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20"></td>
<td>Egy új kép beillesztése, bõvebb információért olvassa el a <a href="insert_image_button.htm">Kép beillesztését </a>.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" width="20" height="20"></td>
<td>Kód tisztítása / Eltávolítja a nemkívánt formázásokat. Ez a funkció akkor hasznos, ha például Office dokumentumból másol tartalmat.</td>
</tr>
<tr>
<td><img src="../../images/help.gif" width="20" height="20"></td>
<td>Ennek a segítségnek az elérése.</td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Ugrás a <a href="index.htm">Tartalomjegyzékre</a></td>
<td align="right"><a href="#">ugrás a lap tetejére </a></td>
</tr>
</table>
</BODY>
</HTML>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

View file

@ -0,0 +1,25 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Inhaltsverzeichnis der Hilfe</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">Tartalomjegyzék</span></td>
<td align="right">&nbsp;</td>
</tr>
</table>
<hr noshade>
<br>
Kattintson az alábbi linkekre a segítség különbözõ részeinek eléréséhez.
<ul class="toc_ul">
<li class="toc_li"><a href="about.htm">A TinyMCE-rõl</a></li>
<li class="toc_li"><a href="common_buttons.htm">Általános gombok </a></li>
<li class="toc_li"><a href="insert_image_button.htm">Kép beillesztése gomb </a></li>
<li class="toc_li"><a href="insert_link_button.htm">Link beillesztése gomb </a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,33 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Schaltfl&auml;che Bild einf&uuml;gen</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">K&eacute;p beilleszt&eacute;se gomb </span></td>
<td align="right"><a href="index.htm">Tartalom</a></td>
</tr>
</table>
<hr noshade>
<br>
A K&eacute;p beilleszt&eacute;se gomb az al&aacute;bbi ablakot nyitja meg.
<br>
<br>
<img src="images/insert_image_window.gif" width="350" height="166"><br>
<br>
Egyszer&#369;en meg kell adni a beilleszteni k&iacute;v&aacute;nt k&eacute;p el&eacute;r&eacute;s&eacute;nek URL-j&eacute;t, valamint egy r&ouml;vd le&iacute;r&aacute;st, mely alternat&iacute;v sz&ouml;vegk&eacute;nt ker&uuml;l megjelen&iacute;t&eacute;sre (pl. nem grafikus b&ouml;ng&eacute;sz&#337;kben).<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Ugr&aacute;s a <a href="index.htm">Tartalomjegyz&eacute;kre</a></td>
<td align="right"><a href="#">ugr&aacute;s a lap tetej&eacute;re </a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,32 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Schaltfl&auml;che Hyperlink einf&uuml;gen</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">Link beilleszt&eacute;se gomb </span></td>
<td align="right"><a href="index.htm">Tartalom</a></td>
</tr>
</table>
<hr noshade>
<br>
A Link beilleszt&eacute;se gomb az al&aacute;bbi ablakot nyitja meg.<br>
<br>
<img src="images/insert_link_window.gif" width="330" height="166"><br>
<br>
K&eacute;t mez&#337;t kell kit&ouml;ltenie ebben az ablakban. Az els&#337; - &quot;Link URL&quot; - a hivatkoz&aacute;s URL-je. A m&aacute;sodik lehet&#337;s&eacute;get ad &Ouml;nnek a hivatkozt&aacute;s megjelen&iacute;t&eacute;s&eacute;nek kiv&aacute;laszt&aacute;s&aacute;hoz.<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Ugr&aacute;s a <a href="index.htm">Tartalomjegyz&eacute;kre</a></td>
<td align="right"><a href="#">ugr&aacute;s a lap tetej&eacute;re </a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,28 @@
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; }

View file

@ -0,0 +1,38 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Informazioni su TinyMCE</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table class="pageheader" border="0" cellpadding="1" cellspacing="3"
width="100%">
<tbody>
<tr>
<td><span class="title">Informazioni su TinyMCE</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</tbody>
</table>
<hr noshade="noshade">
<br>
TinyMCE &egrave; un piccolo WYSIWYG (What You See Is What You Get,
quello che vedi &egrave; quello che ottieni) editor per i web browser
come MSIE o Mozilla che permette di editare HTML in modo comodo. Ha le
funzionalit&agrave; comuni di molti word processor e non dovrebbe
essere difficile da usare.<br>
<br>
<hr noshade="noshade">
<table class="pagefooter" border="0" cellpadding="1" cellspacing="3"
width="100%">
<tbody>
<tr>
<td>Vai a: <a href="index.htm">Tavola dei contenuti</a></td>
<td align="right"><a href="#">Su</a></td>
</tr>
</tbody>
</table>
<br>
<br>
</body>
</html>

View file

@ -0,0 +1,126 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pulsanti comuni</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table class="pageheader" border="0" cellpadding="1" cellspacing="3"
width="100%">
<tbody>
<tr>
<td><span class="title">Pulsanti comuni<br>
</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</tbody>
</table>
<hr noshade="noshade">
<br>
Di seguito una breve descrizione di ogni pulsante.<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tbody>
<tr>
<td><img src="../../images/bold.gif" height="20" width="20"></td>
<td>Testo <span style="font-weight: bold;">grassetto</span>.</td>
</tr>
<tr>
<td><img src="../../images/italic.gif" height="20" width="20"></td>
<td>Testo <span style="font-style: italic;">corsivo</span>.</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" height="20" width="20"></td>
<td>Testo <span style="text-decoration: underline;">sottolineato</span>.</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" height="20"
width="20"></td>
<td>Testo <span style="text-decoration: line-through;">barrato</span>.</td>
</tr>
<tr>
<td><img src="../../images/left.gif" height="20" width="20"></td>
<td>Allinea a sinistra.</td>
</tr>
<tr>
<td><img src="../../images/center.gif" height="20" width="20"></td>
<td>Allinea al centro.</td>
</tr>
<tr>
<td><img src="../../images/right.gif" height="20" width="20"></td>
<td>Allinea a destra.</td>
</tr>
<tr>
<td><img src="../../images/full.gif" height="20" width="20"></td>
<td>Giustifica.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" height="20" width="20"></td>
<td>Lista non ordinata.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" height="20" width="20"></td>
<td>Lista ordianta.<br>
</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" height="20" width="20"></td>
<td>Diminuisci l'indentazione.<br>
</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" height="20" width="20"></td>
<td>Aumenta l'indentazione.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" height="20" width="20"></td>
<td>Annulla l'ultima operazione.</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" height="20" width="20"></td>
<td>Ripeti l'ultima operazione.</td>
</tr>
<tr>
<td><img src="../../images/link.gif" height="20" width="20"></td>
<td>Inserieci un nuovo collegamento, maggiori informazioni su
questa funzione nella <a href="insert_link_button.htm">Sezione
'Inserisci un collegamento'</a></td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" height="20" width="20"></td>
<td>Rimuovi tutti i collegamenti selezionati<br>
</td>
</tr>
<tr>
<td><img src="../../images/image.gif" height="20" width="20"></td>
<td>Inserieci una nuova immagine, maggiori informazioni su questa
funzione nella <a href="insert_image_button.htm">Sezione 'Inserisci
una immagine'</a>.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" height="20" width="20"></td>
<td>Ripulisci il codice/rimuovi la formattazione non voluta.
Questa funzione &egrave; utile quando si copia per esempio da un
programma office<br>
</td>
</tr>
<tr>
<td><img src="../../images/help.gif" height="20" width="20"></td>
<td>Mostra questa guida<br>
</td>
</tr>
</tbody>
</table>
<br>
<hr noshade="noshade">
<table class="pagefooter" border="0" cellpadding="1" cellspacing="3"
width="100%">
<tbody>
<tr>
<td>Vai a: <a href="index.htm">Tavola dei contenuti</a></td>
<td align="right"><a href="#">Su</a></td>
</tr>
</tbody>
</table>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

View file

@ -0,0 +1,32 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Indice della guida</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body onload="window.focus();">
<table class="pageheader" border="0" cellpadding="1" cellspacing="3"
width="100%">
<tbody>
<tr>
<td><span class="title">Tavola dei contenuti<br>
</span></td>
<td align="right">&nbsp;</td>
</tr>
</tbody>
</table>
<hr noshade="noshade">
<br>
Seleziona un argomento:<br>
<ul class="toc_ul">
<li class="toc_li"><a href="about.htm">Informazioni su TinyMCE</a></li>
<li class="toc_li"><a href="common_buttons.htm">Pulsanti comuni</a></li>
<li class="toc_li"><a href="insert_image_button.htm">Pulsante
'Inserisci immagine'<br>
</a></li>
<li class="toc_li"><a href="insert_link_button.htm">Pulsante
'Inserisci collegamento'</a></li>
</ul>
<hr noshade="noshade">
</body>
</html>

View file

@ -0,0 +1,41 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pulsante 'Inserisci immagine'</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table class="pageheader" border="0" cellpadding="1" cellspacing="3"
width="100%">
<tbody>
<tr>
<td><span class="title">Pulsante 'Inserisci immagine'<br>
</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</tbody>
</table>
<hr noshade="noshade">
<br>
Il pulsante 'inserisci immagine' apre questa finestra.<br>
<br>
<img src="images/insert_image_window.gif" height="156" width="346"><br>
<br>
Semplicemente, inserite l'inidirzzo all'immagine che volete collegare e
datene una descrizione, che sar&agrave; poi visualizzata come testo
alternativo all'immagine nella pagina.<br>
<br>
<hr noshade="noshade">
<table class="pagefooter" border="0" cellpadding="1" cellspacing="3"
width="100%">
<tbody>
<tr>
<td>Vai a: <a href="index.htm">Tavola dei contenuti</a></td>
<td align="right"><a href="#">Su</a></td>
</tr>
</tbody>
</table>
<br>
<br>
</body>
</html>

View file

@ -0,0 +1,42 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pulsante 'Inserisci collegamento'</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table class="pageheader" border="0" cellpadding="1" cellspacing="3"
width="100%">
<tbody>
<tr>
<td><span class="title">Pulsante 'Inserisci collegamento'<br>
</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</tbody>
</table>
<hr noshade="noshade">
<br>
Questo pulsante apre una nuova finstra con le funzioni di
inserimento/modifica del collegamento.<br>
<br>
<img src="images/insert_link_window.gif" height="156" width="326"><br>
<br>
Ci sono due campi in questa finestra: il primo, "Link URL" &egrave;
l'indirizzo del collegamento. Il 'target' permette di selezionare come
il collegamento deve essere aperto.<br>
<br>
<hr noshade="noshade">
<table class="pagefooter" border="0" cellpadding="1" cellspacing="3"
width="100%">
<tbody>
<tr>
<td>Vai a: <a href="index.htm">Tavola dei contenuti</a></td>
<td align="right"><a href="#">Su</a></td>
</tr>
</tbody>
</table>
<br>
<br>
</body>
</html>

View file

@ -0,0 +1,28 @@
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; }

View file

@ -0,0 +1,33 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>About 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">Om TinyMCE</span></td>
<td align="right"><a href="index.htm">IF</a></td>
</tr>
</table>
<hr noshade>
<br>
TinyMCE &auml;r en liten WYSIWYG editor kontroll f&ouml;r webl&auml;sare som t.ex
MSIE och Mozilla som m&ouml;jligg&ouml;r f&ouml;r anv&auml;ndare att redigera
HTML inneh&aring;ll i p&aring; mer anv&auml;ndarv&auml;nligt s&auml;tt. Applikationen
har funktioner som liknar dem man finner i vanliga ordbehandlare och borde inte
vara speciellt sv&aring;rt att anv&auml;nda om man har datorvana.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>G&aring; till: <a href="index.htm">Inneh&aring;llsf&ouml;rtecking</a></td>
<td align="right"><a href="#">Toppen</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,111 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Common buttons</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">Grundl&auml;ggande knappar</span></td>
<td align="right"><a href="index.htm">IF</a></td>
</tr>
</table>
<hr noshade>
<br>
Nedan finner du en kort beskrivning om varje knapp/funktion.<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td><img src="../../images/bold_de_se.gif" width="20" height="20"></td>
<td>Fet text stil.</td>
</tr>
<tr>
<td><img src="../../images/italic_de_se.gif" width="20" height="20"></td>
<td>Kursiv text stil.</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20"></td>
<td>Understruken text stil.</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20"></td>
<td>Genomstruken text stil.</td>
</tr>
<tr>
<td><img src="../../images/left.gif" width="20" height="20"></td>
<td>V&auml;nster justera.</td>
</tr>
<tr>
<td><img src="../../images/center.gif" width="20" height="20"></td>
<td>Centrera.</td>
</tr>
<tr>
<td><img src="../../images/right.gif" width="20" height="20"></td>
<td>H&ouml;ger justera.</td>
</tr>
<tr>
<td><img src="../../images/full.gif" width="20" height="20"></td>
<td>Full justera.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20"></td>
<td>Osorterad lista/Punktlista.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20"></td>
<td>Sorterad lista/numrerad lista</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20"></td>
<td>Minska indrag.</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20"></td>
<td>&Ouml;ka utdrag.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20"></td>
<td>&Aring;ngra senaste operationen.</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20"></td>
<td>G&ouml;r om senaste operationen.</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20"></td>
<td>Skapa/Redigera l&auml;nk, l&auml;s mer om denna funktion i <a href="insert_link_button.htm">Skapa/Redigera
l&auml;nk sektionen</a>.</td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" width="20" height="20"></td>
<td>Ta bort l&auml;nkar fr&aring;n den nuvarande markeringen.</td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20"></td>
<td>Skapa/Redigera bild, l&auml;r mer om denna funktion i <a href="insert_image_button.htm">Skapa/Redigera
bild sektionen</a>.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" width="20" height="20"></td>
<td>Rensa/St&auml;da k&aring;den. Denna funktion tar bort on&ouml;dig formatering.
B&ouml;r anv&auml;ndas n&auml;r man t.ex klipper text fr&aring;n Office
produkter. </td>
</tr>
<tr>
<td><img src="../../images/help.gif" width="20" height="20"></td>
<td>Visad denna hj&auml;lp funktion</td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>G&aring; till: <a href="index.htm">Inneh&aring;llsf&ouml;rtecking</a></td>
<td align="right"><a href="#">Toppen</a></td>
</tr>
</table>
</BODY>
</HTML>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

View file

@ -0,0 +1,26 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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">Inneh&aring;llsf&ouml;rtecking</span></td>
<td align="right">&nbsp;</td>
</tr>
</table>
<hr noshade>
<br>
Klicka p&aring; l&auml;nkarna nedan f&ouml;r att g&aring; till olika hj&auml;lp
sektioner.
<ul class="toc_ul">
<li class="toc_li"><a href="about.htm">Om TinyMCE</a></li>
<li class="toc_li"><a href="common_buttons.htm">Grundl&auml;ggande funktioner</a></li>
<li class="toc_li"><a href="insert_image_button.htm">Skapa/Redigera bild</a></li>
<li class="toc_li"><a href="insert_link_button.htm">Skapa/Redigera l&auml;nk</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,35 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Insert image button</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">Skapa/Redigera bild</span></td>
<td align="right"><a href="index.htm">IF</a></td>
</tr>
</table>
<hr noshade>
<br>
Skapa/Redigera bild funktionen &ouml;ppnar ett nytt f&ouml;nster som ser ut som
bilden nedan.<br>
<br>
<img src="images/insert_image_window.gif" width="330" height="159"><br>
<br>
I detta f&ouml;nster skriver du in URL:en till bilden du vill l&auml;nka till
samt en bild beskrivning, denna beskrivning kommer att visas som en alternativ
text till bilden f&ouml;r t.ex handikappade.<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>G&aring; till: <a href="index.htm">Inneh&aring;llsf&ouml;rteckning</a></td>
<td align="right"><a href="#">Toppen</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,34 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Insert link button</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">Skapa/Redigera l&auml;nk</span></td>
<td align="right"><a href="index.htm">IF</a></td>
</tr>
</table>
<hr noshade>
<br>
Denna funktion &ouml;ppnar ett nytt f&ouml;nster liknande det nedan.<br>
<br>
<img src="images/insert_link_window.gif" width="330" height="159"><br>
<br>
Detta f&ouml;nster har tv&aring; f&auml;lt l&auml;nkens URL/adress samt hur l&auml;nken
skall &ouml;ppnas.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>G&aring; till: <a href="index.htm">Inneh&aring;llsf&ouml;rteckning</a></td>
<td align="right"><a href="#">Toppen</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,28 @@
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; }

View file

@ -0,0 +1,32 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>About 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">About TinyMCE</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</table>
<hr noshade>
<br>
TinyMCE is a small WYSIWYG editor control for web browsers such as MSIE or Mozilla
that enables you to edit HTML contents in a more user friendly way. It has common
features that are found in most word processors and should not be difficult to
use.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Go to: <a href="index.htm">Table of contents</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,111 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Common buttons</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">Common buttons</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</table>
<hr noshade>
<br>
Below is a short description about each button.<img src="../../images/spacer.gif" width="1" height="1">
<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td><img src="../../images/bold.gif" width="20" height="20"></td>
<td>Bold text style.</td>
</tr>
<tr>
<td><img src="../../images/italic.gif" width="20" height="20"></td>
<td>Italic text style.</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20"></td>
<td>Underline text style.</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20"></td>
<td>Strikethrough text style.</td>
</tr>
<tr>
<td><img src="../../images/left.gif" width="20" height="20"></td>
<td>Align left.</td>
</tr>
<tr>
<td><img src="../../images/center.gif" width="20" height="20"></td>
<td>Align center.</td>
</tr>
<tr>
<td><img src="../../images/right.gif" width="20" height="20"></td>
<td>Align right.</td>
</tr>
<tr>
<td><img src="../../images/full.gif" width="20" height="20"></td>
<td>Align full.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20"></td>
<td>Unordered list/bullet list.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20"></td>
<td>Ordered list/numbered list</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20"></td>
<td>Outdent/decrease indentation.</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20"></td>
<td>Indent/incread indentation.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20"></td>
<td>Undo the last operation.</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20"></td>
<td>Redo the last operation.</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20"></td>
<td>Insert a new link, read more about this function in the <a href="insert_link_button.htm">Insert
link section</a>.</td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" width="20" height="20"></td>
<td>Unlinks the current selection/removes all selected links.</td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20"></td>
<td>Insert a new image, read more about this function in the <a href="insert_image_button.htm">Insert
image section</a>.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" width="20" height="20"></td>
<td>Cleanup code/Removes unwanted formating. This function is useful when
you copy contents from for example a office product.</td>
</tr>
<tr>
<td><img src="../../images/help.gif" width="20" height="20"></td>
<td>Shows this help window.</td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Go to: <a href="index.htm">Table of contents</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
</BODY>
</HTML>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

View file

@ -0,0 +1,25 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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">Table of contents</span></td>
<td align="right">&nbsp;</td>
</tr>
</table>
<hr noshade>
<br>
Click the links below to go to the different help sections.
<ul class="toc_ul">
<li class="toc_li"><a href="about.htm">About TinyMCE</a></li>
<li class="toc_li"><a href="common_buttons.htm">Common buttons</a></li>
<li class="toc_li"><a href="insert_image_button.htm">Insert image button</a></li>
<li class="toc_li"><a href="insert_link_button.htm">Insert link button</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,34 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Insert image button</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">Insert image button</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</table>
<hr noshade>
<br>
The insert image button opens the window shown below.<br>
<br>
<img src="images/insert_image_window.gif" width="350" height="159"><br>
<br>
You simply enter a URL to the image you want to link to and enter a image description,
this is then displayed as an alternative text descripton of the image on the page.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Go to: <a href="index.htm">Table of contents</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,34 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Insert link button</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">Insert link button</span></td>
<td align="right"><a href="index.htm">TOC</a></td>
</tr>
</table>
<hr noshade>
<br>
This button opens a new window with the insert/edit link function.<br>
<br>
<img src="images/insert_link_window.gif" width="330" height="159"><br>
<br>
There are two fields in this window the first one &quot;Link URL&quot; is the
URL of the link. The target enables you to select how the link is to be opened.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Go to: <a href="index.htm">Table of contents</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,28 @@
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; }

View file

@ -0,0 +1,24 @@
body {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
scrollbar-3dlight-color: #F0F0EE;
scrollbar-arrow-color: #676662;
scrollbar-base-color: #F0F0EE;
scrollbar-darkshadow-color: #DDDDDD;
scrollbar-face-color: #E0E0DD;
scrollbar-highlight-color: #F0F0EE;
scrollbar-shadow-color: #F0F0EE;
scrollbar-track-color: #F5F5F5;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

View file

@ -0,0 +1,41 @@
body {
background-color: #F0F0EE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
scrollbar-3dlight-color: #F0F0EE;
scrollbar-arrow-color: #676662;
scrollbar-base-color: #F0F0EE;
scrollbar-darkshadow-color: #DDDDDD;
scrollbar-face-color: #E0E0DD;
scrollbar-highlight-color: #F0F0EE;
scrollbar-shadow-color: #F0F0EE;
scrollbar-track-color: #F5F5F5;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
input {
background: #FFFFFF;
border: 1px solid #cccccc;
}
td, input, select, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
input, select, textarea {
border: 1px solid #808080;
}
.input_noborder {
border: 0px solid #808080;
}
.title {
font-size: 12px;
font-weight: bold;
}

View file

@ -0,0 +1,151 @@
function TinyMCE_default_getEditorTemplate() {
var template = new Array();
template['html'] = '\
<table class="mceEditor" border="0" cellpadding="0" cellspacing="0" width="{$width}" height="{$height}">\
<tr><td align="center">\
<span id="{$editor_id}">IFRAME</span>\
</td></tr>\
<tr><td class="mceToolbar" align="center" height="1">\
<img id="{$editor_id}_bold" src="{$themeurl}/images/{$lang_bold_img}" title="{$lang_bold_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'Bold\')">\
<img id="{$editor_id}_italic" src="{$themeurl}/images/{$lang_italic_img}" title="{$lang_italic_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'Italic\')">\
<img id="{$editor_id}_underline" src="{$themeurl}/images/underline.gif" title="{$lang_underline_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'Underline\')">\
<img id="{$editor_id}_strikethrough" src="{$themeurl}/images/strikethrough.gif" title="{$lang_striketrough_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'Strikethrough\')">\
<img src="{$themeurl}/images/spacer.gif" width="1" height="15" class="mceSeparatorLine">\
<img id="{$editor_id}_left" src="{$themeurl}/images/left.gif" title="{$lang_justifyleft_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'JustifyLeft\')">\
<img id="{$editor_id}_center" src="{$themeurl}/images/center.gif" title="{$lang_justifycenter_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'JustifyCenter\')">\
<img id="{$editor_id}_right" src="{$themeurl}/images/right.gif" title="{$lang_justifyright_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'JustifyRight\')">\
<img id="{$editor_id}_full" src="{$themeurl}/images/full.gif" title="{$lang_justifyfull_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'JustifyFull\')">\
<img src="{$themeurl}/images/spacer.gif" width="1" height="15" class="mceSeparatorLine">\
<img src="{$themeurl}/images/outdent.gif" title="{$lang_outdent_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'Outdent\')">\
<img src="{$themeurl}/images/indent.gif" title="{$lang_indent_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'Indent\')">\
<br>\
<img id="{$editor_id}_bullist" src="{$themeurl}/images/bullist.gif" title="{$lang_bullist_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'InsertUnorderedList\')">\
<img id="{$editor_id}_numlist" src="{$themeurl}/images/numlist.gif" title="{$lang_numlist_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'InsertOrderedList\')">\
<img src="{$themeurl}/images/spacer.gif" width="1" height="15" width="20" height="20" class="mceSeparatorLine">\
<img src="{$themeurl}/images/undo.gif" title="{$lang_undo_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'Undo\')">\
<img src="{$themeurl}/images/redo.gif" title="{$lang_redo_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'Redo\')">\
<img src="{$themeurl}/images/spacer.gif" width="1" height="15" class="mceSeparatorLine">\
<img id="{$editor_id}_link" src="{$themeurl}/images/link.gif" title="{$lang_link_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'mceLink\', true)">\
<img src="{$themeurl}/images/unlink.gif" title="{$lang_unlink_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'unlink\')">\
<img id="{$editor_id}_image" src="{$themeurl}/images/image.gif" title="{$lang_image_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'mceImage\', true)">\
<img src="{$themeurl}/images/cleanup.gif" title="{$lang_cleanup_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'mceCleanup\')">\
<img src="{$themeurl}/images/help.gif" title="{$lang_help_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'mceHelp\')">\
</td></tr>\
</table>';
template['delta_width'] = 0;
template['delta_height'] = -40;
return template;
}
/**
* Insert link template function.
*/
function TinyMCE_default_getInsertLinkTemplate() {
var template = new Array();
template['file'] = 'link.htm';
template['width'] = 320;
template['height'] = 130;
// Language specific width and height addons
template['width'] += tinyMCE.getLang('lang_insert_link_delta_width', 0);
template['height'] += tinyMCE.getLang('lang_insert_link_delta_height', 0);
return template;
}
/**
* Insert image template function.
*/
function TinyMCE_default_getInsertImageTemplate() {
var template = new Array();
template['file'] = 'image.htm';
template['width'] = 360;
template['height'] = 130;
// Language specific width and height addons
template['width'] += tinyMCE.getLang('lang_insert_image_delta_width', 0);
template['height'] += tinyMCE.getLang('lang_insert_image_delta_height', 0);
return template;
}
function TinyMCE_default_handleNodeChange(editor_id, node) {
// Reset old states
tinyMCE.switchClassSticky(editor_id + '_left', 'mceButtonNormal');
tinyMCE.switchClassSticky(editor_id + '_right', 'mceButtonNormal');
tinyMCE.switchClassSticky(editor_id + '_center', 'mceButtonNormal');
tinyMCE.switchClassSticky(editor_id + '_full', 'mceButtonNormal');
tinyMCE.switchClassSticky(editor_id + '_bold', 'mceButtonNormal');
tinyMCE.switchClassSticky(editor_id + '_italic', 'mceButtonNormal');
tinyMCE.switchClassSticky(editor_id + '_underline', 'mceButtonNormal');
tinyMCE.switchClassSticky(editor_id + '_strikethrough', 'mceButtonNormal');
tinyMCE.switchClassSticky(editor_id + '_bullist', 'mceButtonNormal');
tinyMCE.switchClassSticky(editor_id + '_numlist', 'mceButtonNormal');
// Handle align attributes
alignNode = node;
breakOut = false;
do {
if (!alignNode.getAttribute || !alignNode.getAttribute('align'))
continue;
switch (alignNode.getAttribute('align').toLowerCase()) {
case "left":
tinyMCE.switchClassSticky(editor_id + '_left', 'mceButtonSelected');
breakOut = true;
break;
case "right":
tinyMCE.switchClassSticky(editor_id + '_right', 'mceButtonSelected');
breakOut = true;
break;
case "middle":
case "center":
tinyMCE.switchClassSticky(editor_id + '_center', 'mceButtonSelected');
breakOut = true;
break;
case "justify":
tinyMCE.switchClassSticky(editor_id + '_full', 'mceButtonSelected');
breakOut = true;
break;
}
} while (!breakOut && (alignNode = alignNode.parentNode));
// Handle elements
do {
switch (node.nodeName.toLowerCase()) {
case "b":
case "strong":
tinyMCE.switchClassSticky(editor_id + '_bold', 'mceButtonSelected');
break;
case "i":
case "em":
tinyMCE.switchClassSticky(editor_id + '_italic', 'mceButtonSelected');
break;
case "u":
tinyMCE.switchClassSticky(editor_id + '_underline', 'mceButtonSelected');
break;
case "strike":
tinyMCE.switchClassSticky(editor_id + '_strikethrough', 'mceButtonSelected');
break;
case "ul":
tinyMCE.switchClassSticky(editor_id + '_bullist', 'mceButtonSelected');
break;
case "ol":
tinyMCE.switchClassSticky(editor_id + '_numlist', 'mceButtonSelected');
break;
}
} while ((node = node.parentNode));
}

View file

@ -0,0 +1,105 @@
.mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected {
margin-top: 1px;
margin-left: 1px;
}
.mceButtonNormal {
border-top: 1px solid;
border-left: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
border-color: #F0F0EE;
cursor: hand
}
.mceButtonOver {
border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight;
border-bottom: 1px solid buttonshadow;
border-right: 1px solid buttonshadow;
cursor: hand
}
.mceButtonDown {
border-bottom: 1px solid buttonhighlight;
border-right: 1px solid buttonhighlight;
border-top: 1px solid buttonshadow;
border-left: 1px solid buttonshadow;
cursor: hand
}
.mceButtonSelected {
border-bottom: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
border-left: 1px solid;
border-color: #C0C0BB;
cursor: hand
}
.mceButtonDisabled {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
border-top: 1px solid;
border-left: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
border-color: #F0F0EE;
cursor: text
}
.mceSeparator {
border-top: 1px solid buttonhighlight;
border-left: 1px solid buttonhighlight;
border-bottom: 1px solid buttonshadow;
border-right: 1px solid buttonshadow;
margin-right: 2px;
margin-left: 2px;
}
.mceSeparatorLine {
margin:2px;
margin-left: 4px;
background-color: #F0F0EE;
border-top: 1px solid buttonshadow;
border-left: 1px solid buttonshadow;
border-bottom: 1px solid buttonhighlight;
border-right: 1px solid buttonhighlight;
width: 0px;
height: 15px;
}
.mceSelectList {
font-family: "MS Sans Serif";
font-size: 7pt;
font-weight: normal;
margin-top: 2px;
}
.mceLabel, .mceLabelDisabled {
font-family: "MS Sans Serif";
font-size: 9pt;
}
.mceLabel {
color: #000000;
}
.mceLabelDisabled {
cursor: text;
color: #999999;
}
.mceEditor {
background: #F0F0EE;
border: 1px solid #cccccc;
}
.mceEditorArea {
font-family: "MS Sans Serif";
background: #FFFFFF;
}
.mceToolbar {
background: #F0F0EE;
border-top: 1px solid #cccccc;
}

View file

@ -0,0 +1,56 @@
<html>
<head>
<title>{$lang_insert_image_title}</title>
<script language="javascript" src="../../tiny_mce_popup.js"></script>
<script language="javascript">
function insertImage() {
if (window.opener) {
var src = document.forms[0].src.value;
var alt = document.forms[0].alt.value;
window.opener.tinyMCE.insertImage(src, alt, 0, 0, 0);
top.close();
}
}
function init() {
var formObj = document.forms[0];
formObj.src.value = tinyMCE.getWindowArg('src');
formObj.alt.value = tinyMCE.getWindowArg('alt');
window.focus();
}
function cancelAction() {
top.close();
}
</script>
</head>
<body onload="window.focus();init();">
<form onsubmit="insertImage();return false;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="middle"><table border="0" cellpadding="4" cellspacing="0">
<tr>
<td colspan="2" class="title">{$lang_insert_image_title}</td>
</tr>
<tr>
<td>{$lang_insert_image_src}:</td>
<td><input name="src" type="text" id="src" value="" style="width: 200px"></td>
</tr>
<tr>
<td>{$lang_insert_image_alt}:</td>
<td><input name="alt" type="text" id="alt" value="" style="width: 200px"></td>
</tr>
<tr>
<td><input type="button" name="insert" value="{$lang_insert}" onclick="insertImage();">
</td>
<td align="right"><input type="button" name="cancel" value="{$lang_cancel}" onclick="cancelAction();"></td>
</tr>
</table></td>
</tr>
</table>
</form>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 905 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 880 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 917 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 894 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 929 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 889 B

View file

@ -0,0 +1,63 @@
<html>
<head>
<title>{$lang_insert_link_title}</title>
<script language="javascript" src="../../tiny_mce_popup.js"></script>
<script language="javascript">
function init() {
for (var i=0; i<document.forms[0].target.options.length; i++) {
var option = document.forms[0].target.options[i];
if (option.value == tinyMCE.getWindowArg('target'))
option.selected = true;
}
document.forms[0].href.value = tinyMCE.getWindowArg('href');
window.focus();
}
function insertLink() {
if (window.opener) {
var href = document.forms[0].href.value;
var target = document.forms[0].target.options[document.forms[0].target.selectedIndex].value;
window.opener.tinyMCE.insertLink(href, target);
top.close();
}
}
function cancelAction() {
top.close();
}
</script>
</head>
<body onload="init();">
<form onsubmit="insertLink();return false;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="middle"><table border="0" cellpadding="4" cellspacing="0">
<tr>
<td colspan="2" class="title">{$lang_insert_link_title}</td>
</tr>
<tr>
<td>{$lang_insert_link_url}:</td>
<td><input name="href" type="text" id="href" value="" style="width: 200px"></td>
</tr>
<tr>
<td>{$lang_insert_link_target}:</td>
<td><select name="target" style="width: 200px">
<option value="_self">{$lang_insert_link_target_same}</option>
<option value="_blank">{$lang_insert_link_target_blank}</option>
</select></td>
</tr>
<tr>
<td><input type="button" name="insert" value="{$lang_insert}" onclick="insertLink();">
</td>
<td align="right"><input type="button" name="cancel" value="{$lang_cancel}" onclick="cancelAction();"></td>
</tr>
</table></td>
</tr>
</table>
</form>
</body>
</html>