more tinymce2 stuff

This commit is contained in:
JT Smith 2005-12-05 15:40:40 +00:00
parent 670f14c852
commit 5a60010a6f
355 changed files with 19699 additions and 0 deletions

View file

@ -0,0 +1,53 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$lang_about_title}</title>
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
<script language="javascript" type="text/javascript" src="jscripts/about.js"></script>
<link href="css/dialog_about.css" rel="stylesheet" type="text/css" />
<base target="_self" />
</head>
<body id="about" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
<div class="tabs">
<ul>
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_about}</a></span></li>
<li id="help_tab"><span><a href="javascript:mcTabs.displayTab('help_tab','help_panel');" onmousedown="return false;">{$lang_help}</a></span></li>
<li id="plugins_tab"><span><a href="javascript:mcTabs.displayTab('plugins_tab','plugins_panel');" onmousedown="return false;">{$lang_plugins}</a></span></li>
</ul>
</div>
<div class="panel_wrapper">
<div id="general_panel" class="panel current">
<h3>{$lang_about_title}</h3>
<p>Version: {$tinymce_version} ({$tinymce_releasedate})</p>
<p>TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under <a href="../../license.txt" target="_blank">LGPL</a>
by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances.</p>
<p>Copyright &copy; 2005, <a href="http://www.moxiecode.com" target="_blank">Moxiecode Systems AB</a>, All rights reserved.</p>
<p>For more information about this software visit the <a href="http://tinymce.moxiecode.com" target="_blank">TinyMCE website</a>.</p>
<div id="buttoncontainer"></div>
</div>
<div id="plugins_panel" class="panel">
<div id="pluginscontainer">
<h3>{$lang_loaded_plugins}</h3>
<div id="plugintablecontainer">
</div>
<p>&nbsp;</p>
</div>
</div>
<div id="help_panel" class="panel noscroll" style="overflow: visible;">
<div id="iframecontainer"></div>
</div>
</div>
<div class="mceActionPanel">
<div style="float: right">
<input type="button" id="cancel" name="cancel" value="{$lang_close}" onclick="tinyMCEPopup.close();" />
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,33 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$lang_insert_anchor_title}</title>
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
<script language="javascript" type="text/javascript" src="jscripts/anchor.js"></script>
<base target="_self" />
</head>
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
<form onsubmit="insertAnchor();return false;" action="#">
<table border="0" cellpadding="4" cellspacing="0">
<tr>
<td colspan="2" class="title">{$lang_insert_anchor_title}</td>
</tr>
<tr>
<td nowrap="nowrap">{$lang_insert_anchor_name}:</td>
<td><input name="anchorName" type="text" id="anchorName" value="" style="width: 200px" /></td>
</tr>
</table>
<div class="mceActionPanel">
<div style="float: left">
<input type="button" id="insert" name="insert" value="{$lang_update}" onclick="insertAnchor();" />
</div>
<div style="float: right">
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
</div>
</div>
</form>
</body>
</html>

View file

@ -0,0 +1,53 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$lang_theme_charmap_title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
<script language="javascript" type="text/javascript" src="jscripts/charmap.js"></script>
<base target="_self" />
</head>
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
<table align="center" border="0" cellspacing="0" cellpadding="2">
<tr>
<td colspan="2" class="title">{$lang_theme_charmap_title}</td>
</tr>
<tr>
<td rowspan="2" align="left" valign="top">
<script language="javascript" type="text/javascript">renderCharMapHTML();</script>
</td>
<td width="100" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100" style="height: 100px">
<tr>
<td class="charmapOver" style="font-size: 40px; height:80px;" id="codeV">&nbsp;</td>
</tr>
<tr>
<td style="font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align:center;" id="codeN">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="bottom" style="padding-bottom: 3px;">
<table width="100" align="center" border="0" cellpadding="2" cellspacing="0">
<tr>
<td align="center" style="border-left: 1px solid #666699; border-top: 1px solid #666699; border-right: 1px solid #666699;">HTML-Code</td>
</tr>
<tr>
<td style="font-size: 16px; font-weight: bold; border-left: 1px solid #666699; border-bottom: 1px solid #666699; border-right: 1px solid #666699;" id="codeA" align="center">&nbsp;</td>
</tr>
<tr>
<td style="font-size: 1px;">&nbsp;</td>
</tr>
<tr>
<td align="center" style="border-left: 1px solid #666699; border-top: 1px solid #666699; border-right: 1px solid #666699;">NUM-Code</td>
</tr>
<tr>
<td style="font-size: 16px; font-weight: bold; border-left: 1px solid #666699; border-bottom: 1px solid #666699; border-right: 1px solid #666699;" id="codeB" align="center">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

View file

@ -0,0 +1,13 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$lang_theme_colorpicker_title}</title>
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
<script language="javascript" type="text/javascript" src="jscripts/color_picker.js"></script>
<base target="_self" />
</head>
<body onload="tinyMCEPopup.executeOnLoad('init();');" marginheight="3" topmargin="3" leftmargin="3" marginwidth="3" style="display: none">
<div align="center">
<script language="javascript" type="text/javascript">renderColorMap();</script>
</div>
</body>
</html>

View file

@ -0,0 +1,55 @@
/* This file contains the CSS data for the editable area(iframe) of TinyMCE */
/* You can extend this CSS by adding your own CSS file with the the content_css option */
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;
}
.mceVisualAid {
border: 1px dashed #BBBBBB !important;
}
.mceItemAnchor {
width: 12px;
line-height: 6px;
overflow: hidden;
padding-left: 12px;
background-image: url('../images/anchor_symbol.gif');
background-position: bottom;
background-repeat: no-repeat;
}
/* Important is needed in Gecko browsers inorder to style links */
/*
a {
color: green !important;
}
*/
/* Style selection range colors in Gecko browsers */
/*
::-moz-selection {
background-color: red;
color: green;
}
*/

View file

@ -0,0 +1,319 @@
/* This file contains the CSS data for all popups in TinyMCE */
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;
margin: 8px;
}
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;
}
#insert {
font-weight: bold;
width: 90px;
height: 21px;
border: 0px;
background-image: url('../images/insert_button_bg.gif');
cursor: pointer;
}
#cancel {
font-weight: bold;
width: 90px;
height: 21px;
border: 0px;
background-image: url('../images/cancel_button_bg.gif');
cursor: pointer;
}
/* Mozilla only style */
html>body #insert, html>body #cancel {
padding-bottom: 2px;
}
.title {
font-size: 12px;
font-weight: bold;
color: #2B6FB6;
}
table.charmap {
border-style: solid;
border-width: 1px;
border-color: #AAAAAA;
}
td.charmap, td.charmapOver {
color: #000000;
border-color: #AAAAAA;
border-style: solid;
border-width: 1px;
text-align: center;
font-size: 12px;
}
td.charmapOver {
background-color: #CCCCCC;
cursor: arrow;
}
a.charmap {
color: #000000;
text-decoration: none
}
.wordWrapCode {
vertical-align: middle;
border: 1px none #000000;
background-color: transparent;
}
input.radio {
border: 1px none #000000;
background-color: transparent;
vertical-align: middle;
}
input.checkbox {
border: 1px none #000000;
background-color: transparent;
vertical-align: middle;
}
.mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected {
margin-left: 1px;
}
.mceButtonNormal {
border-top: 1px solid;
border-left: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
border-color: #F0F0EE;
cursor: arrow;
}
.mceButtonOver {
border: 1px solid #0A246A;
cursor: arrow;
background-color: #B6BDD2;
}
.mceButtonDown {
cursor: arrow;
border: 1px solid #0A246A;
background-color: #8592B5;
}
.mceButtonDisabled {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity:0.3;
opacity: 0.3;
border-top: 1px solid;
border-left: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
border-color: #F0F0EE;
cursor: arrow;
}
.mceActionPanel {
margin-top: 5px;
}
/* Tabs classes */
.tabs {
float: left;
width: 100%;
line-height: normal;
background-image: url("../images/xp/tabs_bg.gif");
}
.tabs ul {
margin: 0;
padding: 0px 0px 0;
list-style: none;
}
.tabs li {
float: left;
background: url("../images/xp/tab_bg.gif") no-repeat left top;
margin: 0;
margin-left: 0px;
margin-right: 2px;
padding: 0 0 0 10px;
line-height: 18px;
}
.tabs li.current {
background: url("../images/xp/tab_sel_bg.gif") no-repeat left top;
margin-right: 2px;
}
.tabs span {
float: left;
display: block;
background: url("../images/xp/tab_end.gif") no-repeat right top;
padding: 0px 10px 0px 0px;
}
.tabs .current span {
background: url("../images/xp/tab_sel_end.gif") no-repeat right top;
}
.tabs a {
text-decoration: none;
font-family: Verdana, Arial;
font-size: 10px;
}
.tabs a:link, .tabs a:visited, .tabs a:hover {
color: black;
}
.tabs a:hover {
}
.tabs .current {
}
.tabs .current a, .tabs .current a:link, .tabs .current a:visited {
}
.panel_wrapper div.panel {
display: none;
}
.panel_wrapper div.current {
display: block;
width: 100%;
height: 300px;
overflow: visible; /* Should be auto but that breaks Safari */
}
.panel_wrapper {
border: 1px solid #919B9C;
border-top: 0px;
padding: 10px;
padding-top: 5px;
clear: both;
background-color: white;
}
fieldset {
border: 1px solid #919B9C;
font-family: Verdana, Arial;
font-size: 10px;
padding: 0px;
margin: 0px;
padding: 4px;
}
legend {
color: #2B6FB6;
font-weight: bold;
}
.properties {
width: 100%;
}
.properties .column1 {
}
.properties .column2 {
text-align: left;
}
a:link, a:visited {
color: black;
}
a:hover {
color: #2B6FB6;
}
#plugintable thead {
font-weight: bold;
background-color: #DDDDDD;
}
#plugintable, #about #plugintable td {
border: 1px solid #919B9C;
}
#plugintable {
width: 99%;
margin-top: 10px;
}
#pluginscontainer {
height: 290px;
overflow: auto;
}
/* MSIE Specific styles */
* html .panel_wrapper {
width: 100%;
}
.column {
float: left;
}
h1, h2, h3, h4 {
color: #2B6FB6;
margin: 0px;
padding: 0px;
padding-top: 5px;
}
h3 {
font-size: 14px;
}
/* Disables the advanced tab in the table plugin. */
/*
#table #advanced_tab {
display: none;
}
*/
/* Disables the border input field and label in the table plugin. */
/*
#table #border, #table #borderlabel {
display: none;
}
*/

View file

@ -0,0 +1,173 @@
/* This file contains the CSS data for the editor UI of TinyMCE instances */
.mceToolbarTop a, .mceToolbarTop a:visited, .mceToolbarTop a:hover, .mceToolbarBottom a, .mceToolbarBottom a:visited, .mceToolbarBottom a:hover {
border: 0px; margin: 0px; padding: 0px; background: transparent;
}
.mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceSeparatorLine, .mceButtonDisabled, .mceButtonSelected {
border: 0px; margin: 0px; padding: 0px; background: transparent;
margin-top: 1px;
margin-left: 1px;
padding: 0px;
}
.mceButtonNormal {
border: 1px solid #F0F0EE !important;
cursor: arrow;
}
.mceButtonOver {
border: 1px solid #0A246A !important;
cursor: arrow;
background-color: #B6BDD2;
}
.mceButtonDown {
cursor: arrow;
border: 1px solid #0A246A !important;
background-color: #8592B5;
}
.mceButtonSelected {
border: 1px solid #C0C0BB !important;
cursor: arrow;
}
.mceButtonDisabled {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity:0.3;
opacity: 0.3;
border: 1px solid #F0F0EE !important;
cursor: arrow;
}
.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', sans-serif, Verdana, Arial;
font-size: 7pt !important;
font-weight: normal;
margin-top: 3px;
padding: 0px;
display: inline;
vertical-align: top;
background-color: #F0F0EE
}
.mceLabel, .mceLabelDisabled {
font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
font-size: 9pt;
}
.mceLabel {
color: #000000;
}
.mceLabelDisabled {
cursor: text;
color: #999999;
}
.mceEditor {
background: #F0F0EE;
border: 1px solid #cccccc;
padding: 0px;
margin: 0px;
}
.mceEditorArea {
font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
background: #FFFFFF;
padding: 0px;
margin: 0px;
}
.mceToolbarTop, .mceToolbarBottom {
background: #F0F0EE;
line-height: 1px;
font-size: 1px;
}
.mceToolbarTop {
border-bottom: 1px solid #cccccc;
}
.mceToolbarBottom {
border-top: 1px solid #cccccc;
}
.mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {
height: 20px;
}
.mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {
font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
font-size: 9pt;
padding: 2px;
line-height: 16px;
overflow: visible;
}
.mceStatusbarTop {
border-bottom: 1px solid #cccccc;
}
.mceStatusbarBottom {
border-top: 1px solid #cccccc;
}
.mceStatusbar {
border-bottom: 1px solid #cccccc;
}
.mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {
text-decoration: none;
font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
font-size: 9pt;
color: #000000;
}
.mcePathItem:hover {
text-decoration: underline;
}
.mceStatusbarPathText {
float: left;
}
.mceStatusbarResize {
float: right;
background-image: url('../images/statusbar_resize.gif');
background-repeat: no-repeat;
width: 11px;
height: 20px;
cursor: se-resize;
}
.mceResizeBox {
width: 10px;
height: 10px;
display: none;
border: 1px dotted gray;
margin: 0px;
padding: 0px;
}

View file

@ -0,0 +1,31 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,170 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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/justifyleft.gif" width="20" height="20"></td>
<td>Zarovná vlevo.</td>
</tr>
<tr>
<td><img src="../../images/justifycenter.gif" width="20" height="20"></td>
<td>Zarovná na støed.</td>
</tr>
<tr>
<td><img src="../../images/justifyright.gif" width="20" height="20"></td>
<td>Zarovná vpravo.</td>
</tr>
<tr>
<td><img src="../../images/justifyfull.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>
<tr>
<td><img src="../../images/code.gif" width="20" height="20"></td>
<td>Otevøe editor s HTML zdrojem. </td>
</tr>
<tr>
<td><img src="../../images/table.gif" width="20" height="20"></td>
<td>Do aktuální pozice vlo¾í novou 2x2 tabulku.</td>
</tr>
<tr>
<td><img src="../../images/table_insert_row_before.gif" width="20" height="20"></td>
<td>Pøidá øádek pøed aktuální. </td>
</tr>
<tr>
<td><img src="../../images/table_insert_row_after.gif" width="20" height="20"></td>
<td>Pøidá øádek pod aktuální. </td>
</tr>
<tr>
<td><img src="../../images/table_delete_row.gif" width="20" height="20"></td>
<td>Odstraní øádek. </td>
</tr>
<tr>
<td><img src="../../images/table_insert_col_before.gif" width="20" height="20"></td>
<td>Pøidá sloupec pøed aktuální.</td>
</tr>
<tr>
<td><img src="../../images/table_insert_col_after.gif" width="20" height="20"></td>
<td>Pøidá sloupec za aktuální.</td>
</tr>
<tr>
<td><img src="../../images/table_delete_col.gif" width="20" height="20"></td>
<td>Odstraní aktuální sloupec.</td>
</tr>
<tr>
<td><img src="../../images/hr.gif" width="20" height="20"></td>
<td>Pøidá nový vodorovný oddìlovaè.</td>
</tr>
<tr>
<td><img src="../../images/removeformat.gif" width="20" height="20"></td>
<td>Odstraní z výbìru formátování. </td>
</tr>
<tr>
<td><img src="../../images/sub.gif" width="20" height="20"></td>
<td>Vytvoøí z vybraného textu dolní index. </td>
</tr>
<tr>
<td><img src="../../images/sup.gif" width="20" height="20"></td>
<td>Vytvoøí z vybraného textu horní index. </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: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

View file

@ -0,0 +1,26 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<li class="toc_li"><a href="insert_table_button.htm">Tlaèítko vlo¾it tabulku</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,66 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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="290"><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>
<strong>Popis políèek:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>URL obrázku</strong></td>
<td>URL/cesta k obrázku.</td>
</tr>
<tr>
<td width="150"><strong>Popis obrázku</strong></td>
<td>Alternativní popis toho, co je na obrázku.</td>
</tr>
<tr>
<td><strong>Rozmìry</strong></td>
<td>©íøka/vý¹ka obrázku. </td>
</tr>
<tr>
<td><strong>Zarovnání</strong></td>
<td>Zarovnání obrázku, vhodné pro obtékání obrázku textem.</td>
</tr>
<tr>
<td><strong>Rámeèek</strong></td>
<td>Tlou¹»ka rámeèku. </td>
</tr>
<tr>
<td><strong>Vertikální okraj</strong></td>
<td>Vertikální okraj, vhodné pro zalomení textu kolem obrázku.</td>
</tr>
<tr>
<td><strong>Horizontální okraj</strong></td>
<td>Horizontální okraj, vhodné pro zalomení textu kolem obrázku.</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>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,34 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,68 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Tlaèítko vlo¾it tabulku</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 tabulku</span></td>
<td align="right"><a href="index.htm">Obsah</a></td>
</tr>
</table>
<hr noshade>
<br>
Tlaèítko vlo¾it tabulku otevøe následující okno, v nìm¾ mù¾ete definovat novou tabulku.<br>
<br>
<img src="images/insert_table_window.png" width="338" height="210"><br>
<br>
<strong>Popis políèek:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Sloupce</strong></td>
<td>Poèet sloupcù v tabulce.</td>
</tr>
<tr>
<td width="150"><strong>Øádky</strong></td>
<td>Poèet øádkù v tabulce.</td>
</tr>
<tr>
<td><strong>Vnitøní okraj bunìk</strong></td>
<td>Vnitøní okraj bunìk tabulky.</td>
</tr>
<tr>
<td><strong>Vnìj¹í okraj bunìk</strong></td>
<td>Vnitøní okraj bunìk tabulky.</td>
</tr>
<tr>
<td><strong>Zarovnání</strong></td>
<td>Zarovnání tabulky.</td>
</tr>
<tr>
<td><strong>Rámeèek</strong></td>
<td>Tlou¹»ka rámeèku tabulky.</td>
</tr>
<tr>
<td><strong>©íøka</strong></td>
<td>©íøka tabulky v pixelech.</td>
</tr>
<tr>
<td><strong>Vý¹ka</strong></td>
<td>Vý¹ka tabulky v pixelech.</td>
</tr>
</table>
<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,31 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
TinyMCE er et kompakt WYSIWYG editeringsmodul, der kan anvendes i browsere som MS Internet
Explorer eller Mozilla. Modulet gør det muligt for dig at redigere HTML-indhold
på en mere brugervenlig måde. Den er forsynet med de samme funktioner, som man
finder i de fleste tekstbehandlingssystemer og skulle ikke være svær at anvende. <br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Tilbage til: <a href="index.htm">Indholdfortegnelse</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,162 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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">De mest almindelige knapper</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">IF</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
Herunder finder du en beskrivelse af de enkelte knapper.<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td><img src="../../images/bold.gif" width="20" height="20" alt="Bold text icon" /></td>
<td>Fed tekst (Ctrl+B).</td>
</tr>
<tr>
<td><img src="../../images/italic.gif" width="20" height="20" alt="Italic text icon" /></td>
<td>Kursiv (Ctrl+I).</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20" alt="Underline text icon." /></td>
<td>Understregning (Ctrl+U).</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20" alt="Strikethrough text icon." /></td>
<td>Gennemstregning.</td>
</tr>
<tr>
<td><img src="../../images/justifyleft.gif" width="20" height="20" alt="Align left icon." /></td>
<td>Juster til venstre.</td>
</tr>
<tr>
<td><img src="../../images/justifycenter.gif" width="20" height="20" alt="Align center icon." /></td>
<td>Centrer.</td>
</tr>
<tr>
<td><img src="../../images/justifyright.gif" width="20" height="20" alt="Align right icon." /></td>
<td>Juster til højre.</td>
</tr>
<tr>
<td><img src="../../images/justifyfull.gif" width="20" height="20" alt="Align full icon." /></td>
<td>Lige højre margen.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20" alt="Unordered list/bullet list icon." /></td>
<td>Uordnet list med bullets.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20" alt="Ordered list/numbered list icon." /></td>
<td>Ordnet liste med tal</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20" alt="Outdent/decrease indentation icon." /></td>
<td>Flyt tekst til venstre.</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20" alt="Indent/increase indentation icon." /></td>
<td>Flyt tekst til højre.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20" alt="Undo the last operation." /></td>
<td>Fortryd sidste valg (Ctrl+Z).</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20" alt="Redo the last operation icon." /></td>
<td>Gentag sidste valg (Ctrl+Y).</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20" alt="Insert a new link icon." /></td>
<td>Indsæt nyt link - læs mere om denne funktion i afsnittet <a href="insert_link_button.htm">Indsættelse
af link</a>.</td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" width="20" height="20" alt="Unlinks the current selection icon." /></td>
<td>Fjern aktuelt valgte link(s).</td>
</tr>
<tr>
<td><img src="../../images/anchor.gif" width="20" height="20" alt="Insert a new anchor icon." /></td>
<td>Indsæt nyt bogmærke - læs mere om denne funktion i afsnittet om
<a href="insert_anchor_button.htm">Bogmærker.</a></td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20" alt="Insert a new image icon." /></td>
<td>Indsæt nyt billede - læs mere om denne funktion i afsnittet om
<a href="insert_image_button.htm">Billedbehandling</a>.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" width="20" height="20" alt="Cleanup code icon." /></td>
<td>Ryd op i koden / fjern uønsket formatering. Denne funktion er brugbar,
når man indsætter tekst f. eks. fra et office-produkt.</td>
</tr>
<tr>
<td><img src="../../images/help.gif" width="20" height="20" alt="Show help icon." /></td>
<td>Viser dette hjælpevindue.</td>
</tr>
<tr>
<td><img src="../../images/code.gif" width="20" height="20" alt="Source code editor icon." /></td>
<td>Åbner editoren til redigering af HTML-kode. </td>
</tr>
<tr>
<td><img src="../images/table.gif" width="20" height="20" alt="Insert table icon." /></td>
<td>Indsætter en ny tabel, hvor cursoren aktuelt er anbragt. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_before.gif" width="20" height="20" alt="Adds a row above icon." /></td>
<td>Tilføjer en række over den aktuelle. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_after.gif" width="20" height="20" alt="Adds a row under icon." /></td>
<td>Tilføjer en række under den aktuelle. </td>
</tr>
<tr>
<td><img src="../images/table_delete_row.gif" width="20" height="20" alt="Remove row icon." /></td>
<td>Fjerner en række. </td>
</tr>
<tr>
<td><img src="../images/table_insert_col_before.gif" width="20" height="20" alt="Add column before icon." /></td>
<td>Tilføjer en kolonne før den aktuelle.</td>
</tr>
<tr>
<td><img src="../images/table_insert_col_after.gif" width="20" height="20" alt="Add column after icon." /></td>
<td>Tilføjer en kolonne efter den aktuelle.</td>
</tr>
<tr>
<td><img src="../images/table_delete_col.gif" width="20" height="20" alt="Remove column icon." /></td>
<td>Fjerner den aktuelle kolonne.</td>
</tr>
<tr>
<td><img src="../../images/hr.gif" width="20" height="20" alt="Insert horizontal ruler icon." /></td>
<td>Indsætter en vandret streg </td>
</tr>
<tr>
<td><img src="../../images/removeformat.gif" width="20" height="20" alt="Remove formatting icon." /></td>
<td>Fjerner al formatering fra den aktuelt valgte tekst. </td>
</tr>
<tr>
<td><img src="../../images/sub.gif" width="20" height="20" alt="Subscript icon." /></td>
<td>Sætter det valgte som sænket skrift. </td>
</tr>
<tr>
<td><img src="../../images/sup.gif" width="20" height="20" alt="Superscript icon." /></td>
<td>Sætter det valgte som hævet skrift. </td>
</tr>
</table>
<br>
<hr noshade="noshade" />
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Tilbage til: <a href="index.htm">Indholdsfortegnelse</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
</BODY>
</HTML>

View file

@ -0,0 +1,76 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert table 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">Skabe tilgængeligt indhold</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<p>TinyMCE kan producere HTML, der vil være tilgængeligt for alle brugere, også
dem med handicaps, som anvender forskellige hjælpeteknikker. Den kan også skabe
indhold, der er tilgængeligt for brugere, som anvender tekstbaserede browsere
eller dem, der browser uden at vise billederne frem på siderne.&nbsp; </p>
<p><strong>Ting du selv kan gøre, for at gøre dine tekste tilgængelige:</strong></p>
<ol>
<li><strong>Lav en billedbeskrivelse:</strong> Blinde brugere eller andre, som
ikke er i stand til at se billeder, er helt afhængige af billedbeskrivelsen
eller alt-teksten, som erstatter selve billedet. Hvis et billede ingen betydning
har - dvs. hvis det blot fungerer som dekoration eller som et blankt område, så
lad billedbeskrivelsen stå tom.&nbsp; Så vil TinyMCE indsætte et tomt alt-felt,
der vil tvinge hjælpeprogrammerne til at ignorere billedet. <br /><br /></li>
<li> <strong>Tilføj udstrækning til en tabels overskriftsceller:</strong> I den
dialog, som gør det muligt at styre en tabels attributter, bør man angive en
overskrifts udstrækning. Det vil fungere sådan, at overskriften automatisk
knyttes til alle værdier i tabellen, hvilket gør det nemmere for blinde brugere
at forstå, hvad indholdet i den enkelte celle betyder.&nbsp; <br /><br /></li>
<li><strong> Strukturer indholdet med fornuftige overskrifter:</strong> Vælg
standardformaterede overskrifter (som f. eks. H1-6) for at lave overskrifter til
dit indhold - går det i stedet for at lave dine egne standarder. Blinde brugere
anvender en læser, der kan genkende disse standardformater og på den måde lave
en indholdsfortegnelse over siden. På den måde kan en blind bruger lettere
bevæge sig rundt på siden og springe fra afsnit til afsnit.<br>
&nbsp;<br /></li>
<li><strong> Husk at lave alternativt indhold:</strong> Lav en alternativ side
der repræsenterer ikke-HTML-formateret indhold - så som Flash, Java applets
eller indlejrede videosekvenser. Denne kan laves som et stykke statisk grafik
kombineret med en beskrivelse af billedet og en beskrivelse af det indhold, som&nbsp;
ville være dukket op, hvis man havde set siden på normal vis. En alternativ
HTML-side kan også laves, hvorefter man så kan lægge et link på til den ved
siden af Falsh-referencen eller referencen til Java appletten. På denne måde
sikrer du, at indholdet også er tilgængeligt for folk, som bruger
hjælpeteknologier, som ikke er i stand til at vise eller afvikle dit indhold
eller som mangler den relevante player eller plugin.<br /><br /></li>
<li><strong> Kontroller tilgængeligheden: </strong> Når AChecker plugin'en er
installeret sammen med TinyMCE, kan du blot trykke på den relevante knap for at
blive adviseret om mulige tilgængelighedsproblemer.<br /><br /></li>
</ol>
<p>Besøg <a href="http://checker.atrc.utoronto.ca" target="_new">ACheckers
hjemmeside</a> for at se yderligere informationer om, hvordan man skaber
indhold, som alle brugere kan tilgå.<br />
</p>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Tilbage til: <a href="index.htm">Indholdsfortegnelse</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View file

@ -0,0 +1,28 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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">Indholdsfortegnelse</span></td>
<td align="right">&nbsp;</td>
</tr>
</table>
<hr noshade>
<br>
Klik på et link herunder for at springe til en hjælpetekst.
<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">De mest almindelige knapper</a></li>
<li class="toc_li"><a href="insert_image_button.htm">Indsæt billeder</a></li>
<li class="toc_li"><a href="insert_link_button.htm">Indsæt links</a></li>
<li class="toc_li"><a href="insert_anchor_button.htm">Indsæt bogmærker</a></li>
<li class="toc_li"><a href="insert_table_button.htm">Indsæt tabeller</a></li>
<li class="toc_li"><a href="create_accessible_content.htm">Skab tilgængeligt
indhold</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,33 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert anchor 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">Indsæt bogmærke</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
Denne knap åbner et nyt vindue, som rummer bogmærkefunktionen.<br>
<br>
<img src="images/insert_anchor_window.gif" width="330" height="139" alt="Anchor dialog/window" /><br>
<br>
Der er kun et enkelt felt i dette vindue - i det skriver du navnet på dit
bogmærke. Husk at to bogmærker ikke kan hedde det samme. <br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Tilbage til: <a href="index.htm">Indholdsfortegnelse</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,67 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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">Indsæt billeder</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
Knappen &quot;Indsæt billede&quot; åbner et vindue, der ser ud som nedenfor.<br>
<br>
<img src="images/insert_image_window.gif" alt="Insert image dialog/window" /><br>
<br>
Her indskriver man ganske enkelt adressen på det billede, man vil linke til samt
en billedbeskrivelse. Denne beskrivelse bliver derefter vist som den alternative
tekstbeskrivelse af billedet. <br>
<br>
<strong>Feltbeskrivelser:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Image URL </strong></td>
<td>Adressen på eller stien til billedet.</td>
</tr>
<tr>
<td width="150"><strong>Image description </strong></td>
<td>Alternativ tekstbeskrivelse af billedet.</td>
</tr>
<tr>
<td><strong>Dimentions</strong></td>
<td>Billedets bredde / højde. </td>
</tr>
<tr>
<td><strong>Alignment</strong></td>
<td>Billedets justering - brugbar når der skal sættes tekst på plads omkring
et billede.</td>
</tr>
<tr>
<td><strong>Border</strong></td>
<td>Ramme bredde. </td>
</tr>
<tr>
<td><strong>VSpace</strong></td>
<td>Vertikal margen - brugbart når billedet skal placeres i en tekst.</td>
</tr>
<tr>
<td><strong>HSpace</strong></td>
<td>Horisontal margen - brugbart når billedet skal placeres i en tekst.</td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Tilbage til: <a href="index.htm">Indholdsfortegnelse</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,34 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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">Indsæt link</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
Denne knap åbner et nyt vindue, som rummer linkfunktionen.<br>
<br>
<img src="images/insert_link_window.gif" width="330" height="159" alt="Insert link dialog/window" /><br>
<br>
Der er to felter i dette vindue. I det første skal man indskrive adressen på
linket - i det andet det &quot;target&quot;, som linket skal pege på - dvs. hvordan linket
åbnes, når brugeren trykker på det.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Tilbage til: <a href="index.htm">Indholdsfortegnelse</a></td>
<td align="right"><a href="#">Top</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,72 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert table 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">Indsæt tabel</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
Trykker man på indsæt tabel knappen åbnes det vindue, som du kan se herunder. I
dette vindue kan du oprette nye tabeller. <br>
<br>
<img border="0" src="images/insert_table_window.gif" width="384" height="321"><br>
<br>
<strong>Feltbeskrivelser:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Kolonner</strong></td>
<td>Antal kolonner i tabellen. </td>
</tr>
<tr>
<td width="150"><strong>Rækker</strong></td>
<td>Antal rækker i tabellen.</td>
</tr>
<tr>
<td><strong>Cellemargin</strong></td>
<td>Tabellens cellemargin. </td>
</tr>
<tr>
<td><strong>Indvendig margin</strong></td>
<td>Indvendig margin i cellerne.</td>
</tr>
<tr>
<td><strong>Justering</strong></td>
<td>Tabellens justering. </td>
</tr>
<tr>
<td><strong>Kant</strong></td>
<td>Kantbredden i tabellen.</td>
</tr>
<tr>
<td><strong>Bredde</strong></td>
<td>Tabellens bredde i pixels.</td>
</tr>
<tr>
<td><strong>Højde</strong></td>
<td>Tabellens højde i pixels.</td>
</tr>
<tr>
<td><strong>Klasse</strong></td>
<td>Style eller stylesheet klasse for tabellen.</td>
</tr>
</table>
<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Tilbage til: <a href="index.htm">Indholdsfortegnelse</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,31 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,107 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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/justifyleft.gif" width="20" height="20"></td>
<td>Linksb&uuml;ndig.</td>
</tr>
<tr>
<td><img src="../../images/justifycenter.gif" width="20" height="20"></td>
<td>Zentriert.</td>
</tr>
<tr>
<td><img src="../../images/justifyright.gif" width="20" height="20"></td>
<td>Rechtsb&uuml;ndig.</td>
</tr>
<tr>
<td><img src="../../images/justifyfull.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,24 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,33 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,34 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,31 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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"><acronym title="Table of contents">TOC</acronym></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,162 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
Below is a short description about each button.
<br>
<br>
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td><img src="../../images/bold.gif" width="20" height="20" alt="Bold text icon" /></td>
<td>Bold text style (Ctrl+B).</td>
</tr>
<tr>
<td><img src="../../images/italic.gif" width="20" height="20" alt="Italic text icon" /></td>
<td>Italic text style (Ctrl+I).</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20" alt="Underline text icon." /></td>
<td>Underline text style (Ctrl+U).</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20" alt="Strikethrough text icon." /></td>
<td>Strikethrough text style.</td>
</tr>
<tr>
<td><img src="../../images/justifyleft.gif" width="20" height="20" alt="Align left icon." /></td>
<td>Align left.</td>
</tr>
<tr>
<td><img src="../../images/justifycenter.gif" width="20" height="20" alt="Align center icon." /></td>
<td>Align center.</td>
</tr>
<tr>
<td><img src="../../images/justifyright.gif" width="20" height="20" alt="Align right icon." /></td>
<td>Align right.</td>
</tr>
<tr>
<td><img src="../../images/justifyfull.gif" width="20" height="20" alt="Align full icon." /></td>
<td>Align full.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20" alt="Unordered list/bullet list icon." /></td>
<td>Unordered list/bullet list.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20" alt="Ordered list/numbered list icon." /></td>
<td>Ordered list/numbered list</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20" alt="Outdent/decrease indentation icon." /></td>
<td>Outdent/decrease indentation.</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20" alt="Indent/increase indentation icon." /></td>
<td>Indent/increase indentation.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20" alt="Undo the last operation." /></td>
<td>Undo the last operation (Ctrl+Z).</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20" alt="Redo the last operation icon." /></td>
<td>Redo the last operation (Ctrl+Y).</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20" alt="Insert a new link icon." /></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" alt="Unlinks the current selection icon." /></td>
<td>Unlinks the current selection/removes all selected links.</td>
</tr>
<tr>
<td><img src="../../images/anchor.gif" width="20" height="20" alt="Insert a new anchor icon." /></td>
<td>Insert a new anchor, read more about this function in the <a href="insert_anchor_button.htm">Insert anchor section.</a></td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20" alt="Insert a new image icon." /></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" alt="Cleanup code icon." /></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" alt="Show help icon." /></td>
<td>Shows this help window.</td>
</tr>
<tr>
<td><img src="../../images/code.gif" width="20" height="20" alt="Source code editor icon." /></td>
<td>Opens HTML source code editor. </td>
</tr>
<tr>
<td><img src="../images/table.gif" width="20" height="20" alt="Insert table icon." /></td>
<td>Inserts a new table at the current location. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_before.gif" width="20" height="20" alt="Adds a row above icon." /></td>
<td>Adds a row above the current one. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_after.gif" width="20" height="20" alt="Adds a row under icon." /></td>
<td>Adds a row under the current one. </td>
</tr>
<tr>
<td><img src="../images/table_delete_row.gif" width="20" height="20" alt="Remove row icon." /></td>
<td>Removes the row. </td>
</tr>
<tr>
<td><img src="../images/table_insert_col_before.gif" width="20" height="20" alt="Add column before icon." /></td>
<td>Adds a column before the current one.</td>
</tr>
<tr>
<td><img src="../images/table_insert_col_after.gif" width="20" height="20" alt="Add column after icon." /></td>
<td>Adds a column after the current one.</td>
</tr>
<tr>
<td><img src="../images/table_delete_col.gif" width="20" height="20" alt="Remove column icon." /></td>
<td>Removes the current column.</td>
</tr>
<tr>
<td><img src="../../images/hr.gif" width="20" height="20" alt="Insert horizontal ruler icon." /></td>
<td>Inserts a new horizontal ruler </td>
</tr>
<tr>
<td><img src="../../images/removeformat.gif" width="20" height="20" alt="Remove formatting icon." /></td>
<td>Removes formatting from the selection. </td>
</tr>
<tr>
<td><img src="../../images/sub.gif" width="20" height="20" alt="Subscript icon." /></td>
<td>Makes the selection to be subscript. </td>
</tr>
<tr>
<td><img src="../../images/sup.gif" width="20" height="20" alt="Superscript icon." /></td>
<td>Makes the selection to be superscripted. </td>
</tr>
</table>
<br>
<hr noshade="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>

View file

@ -0,0 +1,45 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert table 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">Create accessible content</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<p>TinyMCE can create HTML content that will be accessible to all users, including those with disabilities using assistive technologies, as well as those using text-based browsers, or those browsing the Web with images turned off. </p>
<p><strong>Things you can do to make your content accessible:</strong></p>
<ol>
<li><strong>Include an Image Description:</strong> Blind users, or others who are unable to view images, will rely on the Image Description (or Alt text) to take the place of the image. If an image contains no meaning, such as a decoration or a spacer image, leave the Image Description empty. TinyMCE will then insert an empty Alt text attribute that will force assistive technologies to ignore the image. <br /><br /></li>
<li> <strong>Add Scope to data table header cells:</strong> In the table cell editor dialog window, choose a Scope when creating Header cells so the column or row label in that cell becomes explicitely associated with its data cells. Table cell headers will then be announced with each data cell, making it easier for blind users using a screen reader to understand what the content of each cell represents. <br /><br /></li>
<li><strong> Structure content with properly nested headings:</strong> In the format selection menu choose Heading 1 to Heading 6 to represent headings in your content, rather than using other font formating options. Blind users using a screen reader can then extract the headings from the page to generate a summary of the content it contains, and use those headings to navigate quickly to subsections within the page.<br /><br /></li>
<li><strong> Include alternate content:</strong> Create an alternate page for non-HTML content such as Flash, Java applets, or embedded movies. This might be a static image, with a description of the image, and a description of the content that would have appeared in its place. An alternate HTML page could also be created, and a link to it included next to the non-HTML object. This will ensure that the content will be accessible to users of assistive technologies that can not view or play the content, and ensure the content will be available to those who do not have the appropriate plugin or helper application installed.<br /><br /></li>
<li><strong> Check accessbility: </strong> When the AChecker plugin is installed with TinyMCE, click on the Check Accessibility button to generate a report of potential accessibility problems.<br /><br /></li>
</ol>
<p>See the <a href="http://checker.atrc.utoronto.ca" target="_new">AChecker Web Site</a> for further details about creating content that will be accessible to all users.<br />
</p>
<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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

View file

@ -0,0 +1,27 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<li class="toc_li"><a href="insert_anchor_button.htm">Insert anchor button</a></li>
<li class="toc_li"><a href="insert_table_button.htm">Insert table button</a></li>
<li class="toc_li"><a href="create_accessible_content.htm">Create accessible content</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,32 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert anchor 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 anchor button</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
This button opens a new window with the insert/edit anchor function.<br>
<br>
<img src="images/insert_anchor_window.gif" width="330" height="139" alt="Anchor dialog/window" /><br>
<br>
There are one field in this window, this is where you enter the name of you anchor point. Remember the anchor name needs to be unique. <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,65 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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"><acronym title="Table of contents">TOC</acronym></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" alt="Insert image dialog/window" /><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>
<strong>Field descriptions:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Image URL </strong></td>
<td>URL/path to the image.</td>
</tr>
<tr>
<td width="150"><strong>Image description </strong></td>
<td>Alternative description of image contents.</td>
</tr>
<tr>
<td><strong>Dimentions</strong></td>
<td>Image width/height. </td>
</tr>
<tr>
<td><strong>Alignment</strong></td>
<td>Image alignment, useful when wrapping text around images.</td>
</tr>
<tr>
<td><strong>Border</strong></td>
<td>Border thickness. </td>
</tr>
<tr>
<td><strong>VSpace</strong></td>
<td>Vertical space, useful when wrapping text around images.</td>
</tr>
<tr>
<td><strong>HSpace</strong></td>
<td>Horizontal space, useful when wrapping text around images.</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>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,33 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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"><acronym title="Table of contents">TOC</acronym></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" alt="Insert link dialog/window" /><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,71 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert table 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 table button</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
The insert table button opens the window shown below. This action enables you to create tables. <br>
<br>
<img src="images/insert_table_window.gif" width="340" height="229" alt="Image of table window" /><br>
<br>
<strong>Field descriptions:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Columns</strong></td>
<td>Number of columns in the table. </td>
</tr>
<tr>
<td width="150"><strong>Rows</strong></td>
<td>Number of rows in the new table.</td>
</tr>
<tr>
<td><strong>Cellpadding</strong></td>
<td>Cellpadding of the table . </td>
</tr>
<tr>
<td><strong>Cellspacing</strong></td>
<td>Cellspacing of the table .</td>
</tr>
<tr>
<td><strong>Alignment</strong></td>
<td>Table alignment . </td>
</tr>
<tr>
<td><strong>Border</strong></td>
<td>Border thinkness of table.</td>
</tr>
<tr>
<td><strong>Width</strong></td>
<td>Width in pixels of table .</td>
</tr>
<tr>
<td><strong>Height</strong></td>
<td>Height in pixels of table.</td>
</tr>
<tr>
<td><strong>Class</strong></td>
<td>Style or CSS class of table.</td>
</tr>
</table>
<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,28 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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"><acronym title="Table of contents">TOC</acronym></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,155 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
Peque&ntilde;a descripci&oacute;n de cada boto&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/justifyleft.gif" width="20" height="20"></td>
<td>Alinear a la izquierda.</td>
</tr>
<tr>
<td><img src="../../images/justifycenter.gif" width="20" height="20"></td>
<td>Alinear al centro.</td>
</tr>
<tr>
<td><img src="../../images/justifyright.gif" width="20" height="20"></td>
<td>Alinear a la derecha.</td>
</tr>
<tr>
<td><img src="../../images/justifyfull.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>Insertar un 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>
<tr>
<td><img src="../../images/code.gif" width="20" height="20"></td>
<td>Abre el editor de HTML. </td>
</tr>
<tr>
<td><img src="../images/table.gif" width="20" height="20"></td>
<td>Inserta una nueva tabla de 2x2. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_before.gif" width="20" height="20"></td>
<td>A&ntilde;ade una fila encima. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_after.gif" width="20" height="20"></td>
<td>A&ntilde;ade una fila debajo. </td>
</tr>
<tr>
<td><img src="../images/table_delete_row.gif" width="20" height="20"></td>
<td>Elimina una fila. </td>
</tr>
<tr>
<td><img src="../images/table_insert_col_before.gif" width="20" height="20"></td>
<td>A&ntilde;ade una columna antes de la actual .</td>
</tr>
<tr>
<td><img src="../images/table_insert_col_after.gif" width="20" height="20"></td>
<td>A&ntilde;ade una columna despu&eacute;s de la actual.</td>
</tr>
<tr>
<td><img src="../images/table_delete_col.gif" width="20" height="20"></td>
<td>Elimina la columna actual.</td>
</tr>
<tr>
<td><img src="../../images/hr.gif" width="20" height="20"></td>
<td>Inserta un separador horizontal </td>
</tr>
<tr>
<td><img src="../../images/removeformat.gif" width="20" height="20"></td>
<td>Elimina el formato de la selecci&oacute;n. </td>
</tr>
<tr>
<td><img src="../../images/sub.gif" width="20" height="20"></td>
<td>Sub&iacute;ndice. </td>
</tr>
<tr>
<td><img src="../../images/sup.gif" width="20" height="20"></td>
<td>Super&iacute;ndice. </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: 7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

View file

@ -0,0 +1,25 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>&Iacute;ndice 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>
<li class="toc_li"><a href="insert_table_button.htm">Insertar tabla</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,64 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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"><acronym title="Table of contents">TOC</acronym></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"><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>
<strong>Descripci&oacute;n de los campos:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Image URL </strong></td>
<td>URL de la imagen.</td>
</tr>
<tr>
<td width="150"><strong>Image description </strong></td>
<td>Descripci&oacute;n alternativa del contenido de la imagen.</td>
</tr>
<tr>
<td><strong>Dimentions</strong></td>
<td>Altura/anchura de la imagen. </td>
</tr>
<tr>
<td><strong>Alignment</strong></td>
<td>Alineamiento, &uacute;til cuando colocas texto alrededor de la imagen.</td>
</tr>
<tr>
<td><strong>Border</strong></td>
<td>Anchura del borde. </td>
</tr>
<tr>
<td><strong>VSpace</strong></td>
<td>Espacio vertical, &uacute;til cuando colocas texto alrededor de la imagen.</td>
</tr>
<tr>
<td><strong>HSpace</strong></td>
<td>Espacio horizontal, &uacute;til cuando colocas texto alrededor de la imagen.</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>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,32 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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"><acronym title="Table of contents">TOC</acronym></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,67 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insertar tabla</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 tabla</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
El bot&oacute;n insertar tabla abre la siguiente ventana. Esta acci&ocaute;n te permite crear tablas.<br>
<br>
<img src="images/insert_table_window.gif" width="340" height="209"><br>
<br>
<strong>Descripci&oacute;n de los campos:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Columns</strong></td>
<td>N&uacute;mero de columnas.</td>
</tr>
<tr>
<td width="150"><strong>Rows</strong></td>
<td>NA&uacute;mero de filas.</td>
</tr>
<tr>
<td><strong>Cellpadding</strong></td>
<td>Desplazamiento entre celdas . </td>
</tr>
<tr>
<td><strong>Cellspacing</strong></td>
<td>Espacio entre celdas .</td>
</tr>
<tr>
<td><strong>Alignment</strong></td>
<td>Alineamiento de la tabla. </td>
</tr>
<tr>
<td><strong>Border</strong></td>
<td>Anchura del borde de la tabla.</td>
</tr>
<tr>
<td><strong>Width</strong></td>
<td>Anchura de la tabla en pixels .</td>
</tr>
<tr>
<td><strong>Height</strong></td>
<td>Altura de la tabla en pixels.</td>
</tr>
</table>
<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Ir a: <a href="index.htm">Tabla 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,28 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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">Lisätietoa TinyMCE:stä</span></td>
<td align="right"><a href="index.htm">Sisällysluettelo</a></td>
</tr>
</table>
<hr noshade>
<br>
TinyMCE on pieni WYSIWYG sisällönmuokkausohjain webbiselaimille kuten MSIE tai Mozilla joka mahdollistaa HTML sisällön muokkauksen käyttäjäystävällisellä tavalla. Se tarjoaa yleiset tekstinkäsittelyohjelmien tarjoamat toiminnot eikä ole vaikea käyttää.<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Mene: <a href="index.htm">Sisällysluetteloon</a></td>
<td align="right"><a href="#">Alkuun</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,156 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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">Yleiset napit</span></td>
<td align="right"><a href="index.htm">Sisällysluettelo</a></td>
</tr>
</table>
<hr noshade>
<br>
Alla on lyhyt selostus kaikista toimintonapeista.<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>Lihavointi.</td>
</tr>
<tr>
<td><img src="../../images/italic.gif" width="20" height="20"></td>
<td>Kursivointi.</td>
</tr>
<tr>
<td><img src="../../images/underline.gif" width="20" height="20"></td>
<td>Alleviivaus.</td>
</tr>
<tr>
<td><img src="../../images/strikethrough.gif" width="20" height="20"></td>
<td>Yliviivaus.</td>
</tr>
<tr>
<td><img src="../../images/justifyleft.gif" width="20" height="20"></td>
<td>vasen tasaus.</td>
</tr>
<tr>
<td><img src="../../images/justifycenter.gif" width="20" height="20"></td>
<td>Keskitys.</td>
</tr>
<tr>
<td><img src="../../images/justifyright.gif" width="20" height="20"></td>
<td>Oikea tasaus.</td>
</tr>
<tr>
<td><img src="../../images/justifyfull.gif" width="20" height="20"></td>
<td>Pakotettu tasaus.</td>
</tr>
<tr>
<td><img src="../../images/bullist.gif" width="20" height="20"></td>
<td>Järjestämätön lista.</td>
</tr>
<tr>
<td><img src="../../images/numlist.gif" width="20" height="20"></td>
<td>Järjestetty lista/numeroitu lista</td>
</tr>
<tr>
<td><img src="../../images/outdent.gif" width="20" height="20"></td>
<td>Poista / vähennä sisennystä.</td>
</tr>
<tr>
<td><img src="../../images/indent.gif" width="20" height="20"></td>
<td>Sisennä.</td>
</tr>
<tr>
<td><img src="../../images/undo.gif" width="20" height="20"></td>
<td>Peruuta viimeinen muutos.</td>
</tr>
<tr>
<td><img src="../../images/redo.gif" width="20" height="20"></td>
<td>Tee uudelleen viimeinen peruutettu muutos.</td>
</tr>
<tr>
<td><img src="../../images/link.gif" width="20" height="20"></td>
<td>Lisää linkki. Lisätietoa tästä toiminnosta <a href="insert_link_button.htm">lisää linkki -osiosta</a>.</td>
</tr>
<tr>
<td><img src="../../images/unlink.gif" width="20" height="20"></td>
<td>Poista linkki valitusta tekstistä.</td>
</tr>
<tr>
<td><img src="../../images/image.gif" width="20" height="20"></td>
<td>Lisää kuva. Lue lisää tästä toiminnosta <a href="insert_image_button.htm"> lisää kuva -osiosta</a>.</td>
</tr>
<tr>
<td><img src="../../images/cleanup.gif" width="20" height="20"></td>
<td>Siisti koodi. Tämä toiminto on käytännöllinen kun liität tekstiä toimistosovelluksista.</td>
</tr>
<tr>
<td><img src="../../images/help.gif" width="20" height="20"></td>
<td>Näyttäää tämän apuikkunan.</td>
</tr>
<tr>
<td><img src="../../images/code.gif" width="20" height="20"></td>
<td>Avaa HTML lähdekoodieditorin. </td>
</tr>
<tr>
<td><img src="../images/table.gif" width="20" height="20"></td>
<td>Lisää tualu. Lue lisää tästä toiminnosta <a href="insert_table_button.htm"> lisää taulu -osiosta</a>. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_before.gif" width="20" height="20"></td>
<td>Lisää rivi valitun rivin edelle. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_after.gif" width="20" height="20"></td>
<td>Lisää rivi valitun rivin jälkeen. </td>
</tr>
<tr>
<td><img src="../images/table_delete_row.gif" width="20" height="20"></td>
<td>Poista valittu rivi. </td>
</tr>
<tr>
<td><img src="../images/table_insert_col_before.gif" width="20" height="20"></td>
<td>Lisää saraka valitun sarakkeen jälkeen.</td>
</tr>
<tr>
<td><img src="../images/table_insert_col_after.gif" width="20" height="20"></td>
<td>Lisää sarake valitun sarakkeen edelle.</td>
</tr>
<tr>
<td><img src="../images/table_delete_col.gif" width="20" height="20"></td>
<td>Poistaa valitun sarakkeen.</td>
</tr>
<tr>
<td><img src="../../images/hr.gif" width="20" height="20"></td>
<td>Lisää vaakaviiva. </td>
</tr>
<tr>
<td><img src="../../images/removeformat.gif" width="20" height="20"></td>
<td>Poista muotoilu valitusta tekstistä. </td>
</tr>
<tr>
<td><img src="../../images/sub.gif" width="20" height="20"></td>
<td>Tekee valitusta tekstistä alamääreistä. </td>
</tr>
<tr>
<td><img src="../../images/sup.gif" width="20" height="20"></td>
<td>Tekee valitusta tekstistä ylämääreistä. </td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Mene: <a href="index.htm">Sisällysluetteloon</a></td>
<td align="right"><a href="#">Alkuun</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

View file

@ -0,0 +1,25 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Apua sisällysluettelo</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">Sisällysluettelo</span></td>
<td align="right">&nbsp;</td>
</tr>
</table>
<hr noshade>
<br>
Napsauta alla olevista linkeistä mennäksesi eri osa-alueisiin.
<ul class="toc_ul">
<li class="toc_li"><a href="about.htm">Lisätietoa TinyMCE:stä</a></li>
<li class="toc_li"><a href="common_buttons.htm">Toimintonapit</a></li>
<li class="toc_li"><a href="insert_image_button.htm">Kuvan lisäysnapit</a></li>
<li class="toc_li"><a href="insert_link_button.htm">Linkin lisäysnapit</a></li>
<li class="toc_li"><a href="insert_table_button.htm">Taulun lisäysnapit</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,65 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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">Lisää linkki -nappi</span></td>
<td align="right"><a href="index.htm"><acronym title="Table of contents">TOC</acronym></a></td>
</tr>
</table>
<hr noshade>
<br>
Lisää linkki -nappi avaa alla näkyvän ikkunan.<br>
<br>
<img src="images/insert_image_window.gif"><br>
<br>
Kirjoita haluamasi kuvan URL osoite ja lisää kuvalle selite. Selite näytetään vaihtoehtoisena selitteenä sivulla.
<br>
<br>
<strong>Kenttien selitykset:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Kuvan URL</strong></td>
<td>Kuvan URL tai polku.</td>
</tr>
<tr>
<td width="150"><strong>Kuvan selite</strong></td>
<td>Vaihtoehtoinen selite kuvan sisällöstä.</td>
</tr>
<tr>
<td><strong>Ulottuvuudet</strong></td>
<td>Kuvan leveys ja korkeus. </td>
</tr>
<tr>
<td><strong>Asettelu</strong></td>
<td>Kuvan asettelu, käytännöllinen kun halutaan tekstin rivittyvän kuvan ympärille.</td>
</tr>
<tr>
<td><strong>Reuna</strong></td>
<td>Kuvaa ympäröivän reunan leveys. </td>
</tr>
<tr>
<td><strong>Pystyväli</strong></td>
<td>Pystyväli, käytännöllinen kun halutaan tekstin rivittyvän kuvan ympärille.</td>
</tr>
<tr>
<td><strong>Vaakaväli</strong></td>
<td>Vaakaväli, useful when wrapping text around images.</td>
</tr>
</table>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Mene: <a href="index.htm">Sisällysluetteloon</a></td>
<td align="right"><a href="#">Alkuun</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,35 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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">Lisää linkki</span></td>
<td align="right"><a href="index.htm">Sisällysluettelo</a></td>
</tr>
</table>
<hr noshade>
<br>
Tämä nappi avaa uuden ikkunan jossa on linkin lisäys- ja muokkaustoiminnallisuus.<br>
<br>
<img src="images/insert_link_window.gif" width="336" height="208"><br>
<br>
Tässä ikkunassa on kaksi kenttää. Ensimmäinen kenttä, &quot;Linkin URL&quot;, on linkin osoittama URL -osoite.
Toinen kenttä, &quot;kohde&quot;, vaikuttaa siihen miten linkki avataan.
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>Mene: <a href="index.htm">Sisällysluetteloon</a></td>
<td align="right"><a href="#">Alkuun</a></td>
</tr>
</table>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,67 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Insert table 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">Lisää taulu -nappi</span></td>
<td align="right"><a href="index.htm">Sisällysluettelo</a></td>
</tr>
</table>
<hr noshade>
<br>
Lisää taulu -nappi avaa alla näkyvän ikkunan. Tämä toimonto mahdollistaa taulujen luonnin.<br>
<br>
<img src="images/insert_table_window.gif" width="340" height="209"><br>
<br>
<strong>Kenttien selitteet:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Sarakkeet</strong></td>
<td>Taulussa olevien saraakkeiden määrä. </td>
</tr>
<tr>
<td width="150"><strong>Rivit</strong></td>
<td>Taulussa olevien rivien määrä.</td>
</tr>
<tr>
<td><strong>Solun reunan ja sisällön väli</strong></td>
<td>Taulun sisällä olevan solun reunan ja sisällön väli. </td>
</tr>
<tr>
<td><strong>Solujen väli</strong></td>
<td>Taulun sisällä olevien solujen väli.</td>
</tr>
<tr>
<td><strong>Asettelu</strong></td>
<td>Taulun asettelu. </td>
</tr>
<tr>
<td><strong>Reuna</strong></td>
<td>Reunan leveys.</td>
</tr>
<tr>
<td><strong>Leveys</strong></td>
<td>Taulun leveys pikseleinä.</td>
</tr>
<tr>
<td><strong>Korkeus</strong></td>
<td>Taulun korkeus pikseleinä.</td>
</tr>
</table>
<br>
<br>
<hr noshade>
<table width="100%" border="0" cellpadding="1" cellspacing="3" class="pagefooter">
<tr>
<td>Mene: <a href="index.htm">Sisällysluetteloon</a></td>
<td align="right"><a href="#">Alkuun</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 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,160 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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/justifyleft.gif" width="20" height="20"></td>
<td>Alignement &agrave; gauche.</td>
</tr>
<tr>
<td><img src="../../images/justifycenter.gif" width="20" height="20"></td>
<td>Alignement au centr&eacute;.</td>
</tr>
<tr>
<td><img src="../../images/justifyright.gif" width="20" height="20"></td>
<td>Alignement &agrave; droite.</td>
</tr>
<tr>
<td><img src="../../images/justifyfull.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>
<tr>
<td><img src="../../images/code.gif" width="20" height="20"></td>
<td>Ouvre un &eacute;diteur permettant de modifier le code HTML. </td>
</tr>
<tr>
<td><img src="../images/table.gif" width="20" height="20"></td>
<td>Ins&egrave;re un nouveau tableau &agrave; la position actuelle. Allez &agrave; la page <a href="insert_table_button.htm">
Outil d'ajout de tableau</a> pour plus de d&eacute;tails.</td>
</tr>
<tr>
<td><img src="../images/table_insert_row_before.gif" width="20" height="20"></td>
<td>Ajoute une ligne au tableau avant la ligne courante. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_after.gif" width="20" height="20"></td>
<td>Ajoute une ligne au tableau apr&egrave;s la ligne courante. </td>
</tr>
<tr>
<td><img src="../images/table_delete_row.gif" width="20" height="20"></td>
<td>Supprime la ligne courante. </td>
</tr>
<tr>
<td><img src="../images/table_insert_col_before.gif" width="20" height="20"></td>
<td>Ajoute une colonne au tableau avant la colonne courante. </td>
</tr>
<tr>
<td><img src="../images/table_insert_col_after.gif" width="20" height="20"></td>
<td>Ajoute une colonne au tableau apr&egrave;s la colonne courante. </td>
</tr>
<tr>
<td><img src="../images/table_delete_col.gif" width="20" height="20"></td>
<td>Supprime la colonne courante. </td>
</tr>
<tr>
<td><img src="../../images/hr.gif" width="20" height="20"></td>
<td>Ins&egrave;re un s&eacute;parateur horizontal. </td>
</tr>
<tr>
<td><img src="../../images/removeformat.gif" width="20" height="20"></td>
<td>Supprime les formattages du texte s&eacute;lectionn&eacute;. </td>
</tr>
<tr>
<td><img src="../../images/sub.gif" width="20" height="20"></td>
<td>Transforme le texte s&eacute;lectionn&eacute; en texte souscrit. </td>
</tr>
<tr>
<td><img src="../../images/sup.gif" width="20" height="20"></td>
<td>Transforme le texte s&eacute;lectionn&eacute; en indice sup&eacute;rieur. </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: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View file

@ -0,0 +1,25 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<li class="toc_li"><a href="insert_table_button.htm">Outil d'ajout de tableau</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,66 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<strong>Description des champs:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Adresse de l'image </strong></td>
<td>Adresse URL de l'image &agrave; ins&eacute;rer.</td>
</tr>
<tr>
<td width="150"><strong>Description de l'image </strong></td>
<td>Description alternative de l'image.</td>
</tr>
<tr>
<td><strong>Dimensions</strong></td>
<td>Largeur et Hauteur de l'image en pixel. </td>
</tr>
<tr>
<td><strong>Alignement</strong></td>
<td>Alignement de l'image. Tr&egrave;s utile pour faire contourner le texte autour des images.</td>
</tr>
<tr>
<td><strong>Bordure</strong></td>
<td>&Eacute;paisseur en pixel de la bordure. </td>
</tr>
<tr>
<td><strong>VSpace</strong></td>
<td>Espacement vertical. Tr&egrave;s utile pour faire contourner le texte autour des images.</td>
</tr>
<tr>
<td><strong>HSpace</strong></td>
<td>Espacement horizontal. Tr&egrave;s utile pour faire contourner le texte autour des images.</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>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,34 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,71 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Outil d'ajout de tableau</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 de tableau</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 de tableau ouvre la fen&ecirc;tre ci-dessous. Elle vous permet de créer dfes talbeaux.<br>
<br>
<img src="images/insert_table_window.gif"><br>
<br>
<strong>Description des champs:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Colonnes</strong></td>
<td>Nombre de colonnes du tableau. </td>
</tr>
<tr>
<td width="150"><strong>Lignes</strong></td>
<td>Nombre de lignes du tableau. </td>
</tr>
<tr>
<td><strong>Cellpadding</strong></td>
<td>Marge à l'intérieur des cellules du tableau. </td>
</tr>
<tr>
<td><strong>Cellspacing</strong></td>
<td>Espacement entre les cellules du tableau. </td>
</tr>
<tr>
<td><strong>Alignement</strong></td>
<td>Alignement du tableau. </td>
</tr>
<tr>
<td><strong>Bordure</strong></td>
<td>Épaisseur des bordures du tableau.</td>
</tr>
<tr>
<td><strong>Largeur</strong></td>
<td>Largeur en pixel du tableau.</td>
</tr>
<tr>
<td><strong>Hauteur</strong></td>
<td>Hauteur en pixel du tableau.</td>
</tr>
<tr>
<td><strong>Classe CSS</strong></td>
<td>Nom de la classe CSS pour appliquer un style.</td>
</tr>
</table>
<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 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,160 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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/justifyleft.gif" width="20" height="20"></td>
<td>Alignement &agrave; gauche.</td>
</tr>
<tr>
<td><img src="../../images/justifycenter.gif" width="20" height="20"></td>
<td>Alignement au centr&eacute;.</td>
</tr>
<tr>
<td><img src="../../images/justifyright.gif" width="20" height="20"></td>
<td>Alignement &agrave; droite.</td>
</tr>
<tr>
<td><img src="../../images/justifyfull.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>
<tr>
<td><img src="../../images/code.gif" width="20" height="20"></td>
<td>Ouvre un &eacute;diteur permettant de modifier le code HTML. </td>
</tr>
<tr>
<td><img src="../images/table.gif" width="20" height="20"></td>
<td>Ins&egrave;re un nouveau tableau &agrave; la position actuelle. Allez &agrave; la page <a href="insert_table_button.htm">
Outil d'ajout de tableau</a> pour plus de d&eacute;tails.</td>
</tr>
<tr>
<td><img src="../images/table_insert_row_before.gif" width="20" height="20"></td>
<td>Ajoute une ligne au tableau avant la ligne courante. </td>
</tr>
<tr>
<td><img src="../images/table_insert_row_after.gif" width="20" height="20"></td>
<td>Ajoute une ligne au tableau apr&egrave;s la ligne courante. </td>
</tr>
<tr>
<td><img src="../images/table_delete_row.gif" width="20" height="20"></td>
<td>Supprime la ligne courante. </td>
</tr>
<tr>
<td><img src="../images/table_insert_col_before.gif" width="20" height="20"></td>
<td>Ajoute une colonne au tableau avant la colonne courante. </td>
</tr>
<tr>
<td><img src="../images/table_insert_col_after.gif" width="20" height="20"></td>
<td>Ajoute une colonne au tableau apr&egrave;s la colonne courante. </td>
</tr>
<tr>
<td><img src="../images/table_delete_col.gif" width="20" height="20"></td>
<td>Supprime la colonne courante. </td>
</tr>
<tr>
<td><img src="../../images/hr.gif" width="20" height="20"></td>
<td>Ins&egrave;re un s&eacute;parateur horizontal. </td>
</tr>
<tr>
<td><img src="../../images/removeformat.gif" width="20" height="20"></td>
<td>Supprime les formattages du texte s&eacute;lectionn&eacute;. </td>
</tr>
<tr>
<td><img src="../../images/sub.gif" width="20" height="20"></td>
<td>Transforme le texte s&eacute;lectionn&eacute; en texte souscrit. </td>
</tr>
<tr>
<td><img src="../../images/sup.gif" width="20" height="20"></td>
<td>Transforme le texte s&eacute;lectionn&eacute; en indice sup&eacute;rieur. </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: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View file

@ -0,0 +1,25 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<li class="toc_li"><a href="insert_table_button.htm">Outil d'ajout de tableau</a></li>
</ul>
<hr noshade>
</BODY>
</HTML>

View file

@ -0,0 +1,32 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Outil d'ajout d'ancres</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'ancres</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'ancres ouvre la fen&ecirc;tre ci-dessous.<br>
<br>
<img src="images/insert_anchor_window.gif"><br>
<br>
Il y a un seul champ dans cette fenêtre, c'est le nom de cette ancre. Rappelez-vous, les noms doivent être unique dans la page.<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,66 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<strong>Description des champs:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Adresse de l'image </strong></td>
<td>Adresse URL de l'image &agrave; ins&eacute;rer.</td>
</tr>
<tr>
<td width="150"><strong>Description de l'image </strong></td>
<td>Description alternative de l'image.</td>
</tr>
<tr>
<td><strong>Dimensions</strong></td>
<td>Largeur et Hauteur de l'image en pixel. </td>
</tr>
<tr>
<td><strong>Alignement</strong></td>
<td>Alignement de l'image. Tr&egrave;s utile pour faire contourner le texte autour des images.</td>
</tr>
<tr>
<td><strong>Bordure</strong></td>
<td>&Eacute;paisseur en pixel de la bordure. </td>
</tr>
<tr>
<td><strong>VSpace</strong></td>
<td>Espacement vertical. Tr&egrave;s utile pour faire contourner le texte autour des images.</td>
</tr>
<tr>
<td><strong>HSpace</strong></td>
<td>Espacement horizontal. Tr&egrave;s utile pour faire contourner le texte autour des images.</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>
<br>
</BODY>
</HTML>

View file

@ -0,0 +1,34 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,71 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Outil d'ajout de tableau</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 de tableau</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 de tableau ouvre la fen&ecirc;tre ci-dessous. Elle vous permet de créer dfes talbeaux.<br>
<br>
<img src="images/insert_table_window.gif"><br>
<br>
<strong>Description des champs:</strong><br>
<table border="1" cellspacing="0">
<tr>
<td width="150"><strong>Colonnes</strong></td>
<td>Nombre de colonnes du tableau. </td>
</tr>
<tr>
<td width="150"><strong>Lignes</strong></td>
<td>Nombre de lignes du tableau. </td>
</tr>
<tr>
<td><strong>Cellpadding</strong></td>
<td>Marge à l'intérieur des cellules du tableau. </td>
</tr>
<tr>
<td><strong>Cellspacing</strong></td>
<td>Espacement entre les cellules du tableau. </td>
</tr>
<tr>
<td><strong>Alignement</strong></td>
<td>Alignement du tableau. </td>
</tr>
<tr>
<td><strong>Bordure</strong></td>
<td>Épaisseur des bordures du tableau.</td>
</tr>
<tr>
<td><strong>Largeur</strong></td>
<td>Largeur en pixel du tableau.</td>
</tr>
<tr>
<td><strong>Hauteur</strong></td>
<td>Hauteur en pixel du tableau.</td>
</tr>
<tr>
<td><strong>Classe CSS</strong></td>
<td>Nom de la classe CSS pour appliquer un style.</td>
</tr>
</table>
<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,28 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,106 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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/justifyleft.gif" width="20" height="20"></td>
<td>Balra igazítás .</td>
</tr>
<tr>
<td><img src="../../images/justifycenter.gif" width="20" height="20"></td>
<td>Középre igazítás .</td>
</tr>
<tr>
<td><img src="../../images/justifyright.gif" width="20" height="20"></td>
<td>Jobbra igazíás .</td>
</tr>
<tr>
<td><img src="../../images/justifyfull.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,24 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,32 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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,31 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<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>

Some files were not shown because too many files have changed in this diff Show more