Le manuel de JcEditHtml : les menus

Suivant Précédent Sommaire

4. Les menus

Cette section décrit les fonctionnalités des menus dans l'ordre où ils apparaissent dans la barre des menus.

La barre d'outils (voir Barre d'outils) et la barre d'outils HTML (voir Barre d'outils HTML) reprennent une grande partie de ces fonctionnalités.

Enfin, un menu surgissant (en Anglais !) est accessible par clic droit de la souris, il reprend les commandes d'édition.

4.1 Menu Fichier

Nouveau

Utilisez cette commande pour créer un nouveau texte (ce texte sera considéré a priori comme un texte HTML et les commandes html seront accessibles, mais vous pouvez taper un texte simple, sans commandes html, et enregistrer le fichier avec l'extension .txt).

Raccourci : Ctrl+N

NOTA : cette commande n'est pas disponible dans le cas de l'éditeur associé à JcArbGen.

Ouvrir

Utilisez cette commande pour ouvrir un fichier texte simple ou HTML existant.

Lors de l'ouverture d'un fichier, JcEditHtml interprète le nom du fichier pour déterminer s'il s'agit d'un texte simple ou d'un texte HTML.

si le nom du fichier se termine par .txt :: Le fichier est considéré comme texte simple et dans ce cas les fonctions d'édition HTML sont inactives et la barre d'outils HTML est cachée ;
si le nom du fichier se termine par .htm ou .html :: Le fichier est considéré comme texte HTML et dans ce cas les fonctions d'édition HTML sont actives et la barre d'outils HTML est visible ;

Raccourcis : Ctrl+O

NOTA : cette commande n'est pas disponible dans le cas de l'éditeur associé à JcArbGen.

Sauver

Utilisez cette commande pour enregistrer le texte actif dans son fichier.
Lorsque vous enregistrez un texte pour la première fois, JcEditHtml affiche la boîte de dialogue Sauver sous pour vous permettre de donner un nom et un emplacement au fichier.
Si vous voulez modifier le nom ou l'emplacement d'un document existant avant de l'enregistrer, choisissez la commande Sauver sous.

Raccourcis : Ctrl+S

Sauver sous

Utilisez cette commande pour enregistrer et renommer le fichier actif.
Si vous n'indiquez pas d'extension, l'extension .htm (s'il s'agit d'un fichier html) ou .txt (s'il s'agit d'un fichier texte simple) est ajoutée automatiquement.

Dans le cas d'un fichier nouveau, ce fichier est considéré par défaut comme fichier HTML. Si vous voulez qu'il s'agisse d'un texte simple, tapez l'extension .txt à la fin du nom du fichier.

Si un fichier portant le nom que vous avez choisi existe déjà, une boîte de dialogue vous en informe et vous avez alors le choix entre abandonner l'opération ou écraser le fichier existant.

NOTA : cette commande n'est pas disponible dans le cas de l'éditeur associé à JcArbGen.

Nota : certaines boites de dialogue sont en Anglais, l'auteur vous prie de l'en excuser.

Quitter

La commande Quitter du menu Fichier provoque la sortie du programme.

NOTA : dans le cas de l'éditeur associé à JcArbGen, cette commande s'appelle "Fermer".

Si vous avez créé ou modifié un texte existant et que vous n'avez pas sauvegardé votre travail, JcEditHtml vous demande si vous voulez enregistrer les modifications avant de fermer la fenêtre.

Raccourcis : Ctrl+Q

4.2 Menu Edition

Annuler

Cette commande permet, lorsque c'est possible d'annuler les dernières modifications que vous avez effectuées (au besoin en activant cette commande plusieurs fois de suite). Il est ensuite possible d'annuler annuler par la commande "Refaire".

Raccourcis : Ctrl+Z

Refaire

Cette commande permet, lorsque c'est possible, d'annuler les dernières actions d'annulation.

Raccourcis : Ctrl+Y

Couper

Coupe le texte sélectionné et le place dans le presse-papier.

Raccourcis : Ctrl+X

Copier

Copie le texte sélectionné dans le presse papier.

Raccourcis : Ctrl+C

Coller

Insère le contenu du presse-papier à l'endroit où se trouve le curseur.

Raccourcis : Ctrl+V

Chercher

Une boite de dialogue permet d'entrer le mot ou l'expression à chercher, une case à cocher permet d'indiquer s'il faut ou non respecter les différences entre majuscules et minuscules. Après avoir cliqué sur Ok, le texte est recherché à partir de la position du curseur.

Raccourcis : Ctrl+F

Remplacer

Une boite de dialogue permet d'entrer le mot ou l'expression à chercher ainsi que le mot ou l'expression par lequel il faut le remplacer. Une case à cocher permet d'indiquer s'il faut ou non respecter les différences entre majuscules et minuscules pour le mot recherché. Après avoir cliqué sur Ok, le texte est recherché à partir de la position du curseur. Si le texte cherché est trouvé, il est remplacé.

Raccourcis : Ctrl+R

Répéter chercher/remplacer

Répète la dernière action de Recherche OU de Remplacement sans avoir à renseigner une nouvelle fois la boite de dialogue correspondante.

Raccourcis : F3

4.3 Menu Edition HTML

Caractères

Ce sous-menu contient les 4 commandes suivantes :

Gras

Cette commande insère les balises qui permettent d'afficher (et d'imprimer) le texte qu'elles encadrent en caractères gras.

Balise de début :

Balise de fin :

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Raccourcis : Ctrl+Alt+G

Italique

Cette commande insère les balises qui permettent d'afficher (et d'imprimer) le texte qu'elles encadrent en caractères italiques.

Balise de début :

Balise de fin :

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Raccourcis : Ctrl+Alt+I

Souligné

Cette commande insère les balises qui permettent d'afficher (et d'imprimer) le texte qu'elles encadrent en caractères soulignés.

Balise de début :

Balise de fin :

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Raccourcis : Ctrl+Alt+U

NOTA : il est possible de combiner les trois commandes précédentes pour obtenir :

des caractères gras italiques ;
des caractères gras soulignés ;
des caractères italiques soulignés ;
des caractères gras italiques soulignés ;

Attention toutefois de bien inclure les commandes l'une dans l'autre et de ne pas les imbriquer : par exemple, pour écrire ces mots en caractères gras soulignés il faut taper les commandes de la façon suivante ces mots (ou ces mots) mais en aucun cas comme ceci : ces mots car certains afficheurs html n'aiment pas !!!

Préformaté

Cette commande insère les balises qui permettent d'afficher (et d'imprimer) le texte qu'elles encadrent tel que vous l'aurez tapé, sans aucun formatage ni mise en page par le navigateur.

Balise de début : <pre>

Balise de fin : </pre>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Raccourcis : Ctrl+Alt+F

Justification

Ce sous-menu contient les 4 options suivantes, la sélection de l'une excluant les trois autres, qui s'appliquent aux paragraphes et aux titres :

Aligné à gauche

C'est l'option par défaut.

Lorsque ce mode est sélectionné, la mention "Gauche" est affichée sur la barre de statut.

Le texte sera affiché (ou imprimé) en étant aligné sur le coté gauche de l'écran (ou de la page).

Centré

Lorsque ce mode est sélectionné, la mention "Centré" est affichée sur la barre de statut et la mention align="center" est ajoutée aux balises de début des paragraphes et des titres.

Le texte sera affiché (ou imprimé) en étant aligné par rapport au centre de l'écran (ou de la page).

Aligné à droite

Lorsque ce mode est sélectionné, la mention "Droite" est affichée sur la barre de statut et la mention align="right" est ajoutée aux balises de début des paragraphes et des titres.

Le texte sera affiché (ou imprimé) en étant aligné sur le coté droit de l'écran (ou de la page).

Justifié

Lorsque ce mode est sélectionné, la mention "Justifié" est affichée sur la barre de statut et la mention align="justify" est ajoutée aux balises de début des paragraphes et des titres.

Le texte sera affiché (ou imprimé) en étant aligné sur le coté gauche ET le coté droit de l'écran (ou de la page).

Corps de document HTML

Cette commande insère dans le document les balises html suivantes (colonne de gauche, les commentaires de la colonne de droite sont fournis pour explication mais non insérés par la commande !) :

Balises html	Commentaires
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">	Type de document et version HTML
<html lang="fr" dir="ltr">	Début de document HTML
<head>	Début En-tête
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">	Type de contenu et jeu de caractères utilisés
<!-- Dans les 2 balises suivantes, séparer les valeurs dans content="" par des , (virgule) -->	Commentaire
<meta name="keywords" content="" />	Balise meta (facultative) pour les mots clés
<meta name="description" content="" />	Balise meta (facultative) pour la description
<!-- la balise suivante est indispensable s'il y a une feuille de style -mettre le nom correct -->	Commentaire
<link rel="stylesheet" type="text/css" href="feuilsty.css" />	Lien vers la feuille de style
<title></title>	Début et Fin du Titre
</head>	Fin d'En-tête
<body>	Début du corps du document

</body>	Fin du corps du document
</html>	Fin de document Html

Pour plus de détails, voir § 3.2 L'éditeur - Exemple d'utilisation de l'éditeur pour créer un texte HTML

Division

Cette commande insère les balises qui délimitent une division.

Balise de début : <div>

Balise de fin : </div>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Raccourcis : Shift+Alt+D

Paragraphe

Cette commande insère les balises qui délimitent un paragraphe.

Balise de début :

Balise de fin :

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Le paragraphe sera mis en page automatiquement pour l'affichage en fonction de la largeur de l'écran et pour l'impression en fonction de la largeur de la page, avec l'option de justification en cours (justifié à gauche, ou centré ou justifié à droite).

Ce paragraphe sera séparé des autres paragraphes ou titres par une ligne vide.

Raccourcis : Ctrl+Alt+P

Aller à la ligne

Cette commande insère la balise 
qui provoque le changement de ligne sans saut de ligne (pas de ligne vide avant ou après).

Raccourcis : Ctrl+Alt+K

Ligne horizontale

Cette commande insère la balise <hr /> qui provoque le tracé d'une ligne horizontale sur toute la largeur de l'écran (ou de la page).

Espace insécable

Cette commande insère la balise & nbsp; (sans espace entre & et nbsp;) qui permet d'insérer un espace qui sera affiché comme tel. En effet, les visionneurs html suppriment les espaces de début et de fin de ligne, et remplacent dans le corps d'une ligne une suite de plusieurs espaces par un seul.

Par exemple, si vous souhaitez placer ici 5 espaces, vous devrez executer 5 fois de suite cette commande.

Raccourcis : Ctrl+Alt+N

Symbole Euro

Cette commande insère la balise & #8364; (sans espace entre & et #8364; ) qui permet d'insérer le symbole monétaire € qui sera affiché comme tel.

Titres

Ce sous-menu contient les 6 commandes qui permettent de définir les titres, du plus gros (niveau 1) au plus petit (niveau 6).

Si du texte est sélectionné, les balises définissant le titre encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

L'option de justification en cours sera automatiquement appliquée au titre.

Le tableau ci-après présente les balises insérées par les commandes de titres, ainsi que les raccourcis clavier correspondants :

Niveau	Balise de début	Balise de fin	Raccourcis
1	<h1>	</h1>	Ctrl+Alt+1
2	<h2>	</h2>	Ctrl+Alt+2
3	<h3>	</h3>	Ctrl+Alt+3
4	<h4>	</h4>	Ctrl+Alt+4
5	<h5>	</h5>	Ctrl+Alt+5
6	<h6>	</h6>	Ctrl+Alt+6

Listes

Ce sous-menu contient les 6 commandes suivantes :

Liste simple

Cette commande insère les balises qui délimitent une liste simple (liste à puces).

Balise de début : <ul>

Balise de fin : </ul>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous insérez les balises de début et fin d'élément de liste (voir ci-après).

Raccourcis : Shift+Alt+L

Une liste simple se présente comme ceci dans l'éditeur :
<ul>
<li>Un premier élément de la liste</li>
<li>le second élément</li>
<li>etc...</li>
</ul>

et se présente ainsi à l'affichage dans le navigateur :

Un premier élément de la liste
le second élément
etc...

Liste ordonnée

Cette commande insère les balises qui délimitent une liste ordonnée (liste numérotée).

Balise de début : <ol>

Balise de fin : </ol>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous insérez les balises de début et fin d'élément de liste (voir ci-après).

Raccourcis : Shift+Alt+O

Une liste ordonnée se présente comme ceci dans l'éditeur :
<ol>
<li>Un premier élément de la liste ssimple (à puces)</li>
<li>le second élément</li>
<li>etc...</li>
</ol>

et se présente ainsi à l'affichage dans le navigateur :

Un premier élément de la liste ordonnée (numérotée)
le second élément
etc...

Elément de liste

Cette commande insère les balises qui délimitent un élément de liste simple ou ordonnée.

Balise de début : <li>

Balise de fin : </li>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Raccourcis : Shift+Alt+E

Liste de définitions

Cette commande insère les balises qui délimitent une liste de définitions.

Balise de début : <dl>

Balise de fin : </dl>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous insérez les balises de début et fin de terme défini et de définition (voir ci-après).

Une liste de définitions se présente comme ceci dans l'éditeur :
<dl>
<dt>Premier terme défini</dt>
<dd>texte de la définition du premier terme etc... etc....</dd>
<dt>Second terme défini</dt>
<dd>texte de la définition du second terme etc... etc....</dd>
</dl>

et se présente ainsi à l'affichage dans le navigateur :

Premier terme défini: texte de la définition du premier terme etc... etc....
Second terme défini: texte de la définition du second terme etc... etc....

Terme défini

Cette commande insère les balises qui délimitent le nom du terme défini.

Balise de début : <dt>

Balise de fin : </dt>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Définition

Cette commande insère les balises qui délimitent le texte de la définition du terme correspondant.

Balise de début : <dd>

Balise de fin : </dd>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Tableaux

Cette commande ouvre un dialogue qui permet de définir les caractéristiques du tableau :

nombre de lignes (3 par défaut)
nombre de colonnes (3 par défaut - 10 maxi)
bordure ou non (case à cocher)

Ensuite, après avoir cliqué sur Ok, pour 2 lignes et 3 colonnes par exemple, les balises suivantes sont inserrées (les commentaires de la colonne de droite sont fournis pour explication mais non insérés par la commande !) :

	Commentaires
<table border> (ou <table>)	Début de tableau avec bordures (ou sans bordures)
<tr>	Début de la première ligne
<td></td>	Balises de début et de fin de la case ligne 1 colonne 1 Le texte de cette case doit être tapé entre ces deux balises
<td></td>	Balises de début et de fin de la case ligne 1 colonne 2 Le texte de cette case doit être tapé entre ces deux balises
<td></td>	Balises de début et de fin de la case ligne 1 colonne 3 Le texte de cette case doit être tapé entre ces deux balises
</tr>	Fin de la première ligne
<tr>	Début de la deuxième ligne
<td></td>	Balises de début et de fin de la case ligne 2 colonne 1 Le texte de cette case doit être tapé entre ces deux balises
<td></td>	Balises de début et de fin de la case ligne 2 colonne 2 Le texte de cette case doit être tapé entre ces deux balises
<td></td>	Balises de début et de fin de la case ligne 2 colonne 3 Le texte de cette case doit être tapé entre ces deux balises
</tr>	Fin de la deuxième ligne
</table>	Fin de tableau

Raccourcis : Ctrl+Alt+T

Lien hyper-texte

Cette commande insère les balises qui délimitent un lien hyper-texte.

Balise de début : <a href="">

Balise de fin : </a>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Il vous faut aussi taper l'adresse où le lien doit aboutir entre les guillemets ("") de la balise de début.

A titre d'exemple, cette adresse peut avoir les formes suivantes (mais ce n'est pas limitatif) :

nomfichier.html (lien vers un autre fichier, le navigateur ouvrira ce fichier en se plaçant au début)
nom_fichier.html#nom_ancre (lien vers un autre fichier, le navigateur ouvrira ce fichier en se plaçant à l'emplacement défini par l'ancre appelée nom_ancre)
#nom_ancre (lien vers l'emplacement défini par l'ancre appelée nom_ancre dans le même fichier)

Ancre hyper-texte

Cette commande insère les balises qui délimitent une ancre hyper-texte.

Balise de début : <a name="">

Balise de fin : </a>

Si du texte est sélectionné, les balises encadrent ce texte, sinon le curseur est placé entre les balises et vous tapez le texte auquel vous voulez appliquer cette commande.

Il vous faut aussi taper le nom de l'ancre entre les guillemets ("") de la balise de début.

Image

Cette commande insère la balise suivante qui permet d'afficher une image (jpg, bmp, etc...) :
<img src="" name="" align=bottom width=180 height=240 border=0>

Commentaires :

Vous devez compléter src="" en tapant le nom du fichier image entre les guillemets (ex : src="mon_fichier.jpg"). C'est le seul paramètre obligatoire, tous les paramètres suivants sont facultatifs.
name="" est facultatif - vous pouvez le supprimer ou le garder en complétant entre les guillemets par le nom que vous voulez donner à l'image (ex : name="nom_de_l_image")
align=bottom signifie que le texte qui suit l'image dans le même paragraphe sera aligné sur le bas de l'image. Il est facultatif (c'est de toutes façon l'option par défaut) - vous pouvez le supprimer ou le garder. Vous pouvez remplacer bottom par center (alignement du texte sur le centre de l'image) ou top (alignement du texte sur le haut de l'image).
Nota : cela ne fonctionne pas avec le visualiseur intégré...
width=180 height=240 : facultatif. Indique les dimensions (largeur hauteur) d'affichage de l'image (en pixels), que vous pouvez modifier (la taille de l'image à l'affichage sera adaptée à ces dimensions sans déformation). Vous pouvez supprimer ces informations, dans ce cas l'image sera affichée dans sa taille réelle.
border=0 - facultatif - si différent de 0 (zéro) l'image sera entourée d'un cadre d'autant plus épais que la valeur sera élevée.
Nota : cela ne fonctionne pas avec le visualiseur intégré...

4.4 Menu Affichage

Voir dans le navigateur

Cette commande permet de visualiser, et éventuellement d'imprimer, le texte dans le navigateur intégré. Le texte est chargé à partir du fichier, pour afficher un texte en cours d'édition il faut l'enregistrer avant de lancer cette commande.

Pour l'utilisation du navigateur, voir § 3.3 Le navigateur intégré

Barre d'outils

Cette commande permet d'afficher ou de cacher la barre d'outils, qui contient les icones permettant de lancer les commandes :

de fichier : nouveau, ouvrir, sauver ;
d'édition : annuler, refaire, couper, copier, coller ;
la commande Voir dans le navigateur ;
et "qu'est ce que c'est"(?).

Barre d'outils HTML

Cette commande permet d'afficher ou de cacher la barre d'outils HTML, qui contient les icones permettant de lancer les commandes :

Caractères : gras, italique, souligné, préformaté ;
Justification : gauche, centré, droite ;
Corps de document, paragraphe, aller à la ligne, ligne horizontale, espace insécable ;
Titres : de niveau 1, 2, et 3 ;
Listes : simple, ordonnée, élément de liste simple ou ordonnée, liste de définitions, terme défini, définition
Tableaux
Lien hyper-texte, Ancre hyper-Texte, image.

Barre de statut

Cette commande permet d'afficher ou de cacher la barre de statut.

Cette barre donne les informations suivantes :

à gauche : des informations dépendant du contexte (informations d'aide ou autres) ;
sur la droite les trois informations suivantes (de gauche à droite) :
- l'indication du mode de justification sélectionné : Gauche, Centré ou Droite ;
- l'indication du mode insertion sélectionné : INS (mode insertion) ou ECR (mode écrasement/surcharge du texte existant) ;
- l'indication "document modifié" lorsque le document en cours d'édition a été modifié et non sauvegardé.

Police Editeur

Cette commande permet à l'utilisateur d'adapter la police (taille, etc...) à la résolution de son écran.

4.5 Menu Aide

Manuel d'aide de l'éditeur HTML

Cette commande permet d'ouvrir et de consulter le présent manuel.

Raccourcis : F1

A propos de l'éditeur de textes

Donne des informations sur ce logiciel.

A propos de Qt

Donne des informations sur Qt avec lequel ce logiciel fonctionne.

Suivant Précédent Sommaire