Edition des rubriques

Help&Web dispose d'une édition visuelle et d'une édition en mode source .

Barre titre

Au-dessus de la zone d'édition le titre de la rubrique active s'affiche, vous pouvez le modifier (pressez Entrée pour valider le changement)

Fig. 217 Barre Titre

Les trois icones à sa gauche donnent accès à l'historique de la rubrique, à son numéro de version ainsi qu'aux dates de création et de publication.

Si le numéro de version de la rubrique est supérieur à celui du projet ou si la date de publication est située dans le futur la rubrique n'est pas publiée, elle se retrouve alors barrée dans l'arborescence des rubriques et un pictogramme à sa gauche indique la cause (version ou date)

Fig. 218 Les rubriques barrées ne sont pas publiées

vous donne accès aux propriétés de la rubrique

Permet de gérer le statut de votre rubrique, il y en a 4

A chaque statut correspond une couleur, que vous pouvez modifier, cette indication est visible dans l'arborescence de vos rubriques.

Lorsque vous modifiez le contenu d'une rubrique le statut "A mettre à jour" est automatiquement attribué pour cette rubrique dans ses langues secondaires.

Vous pouvez filtrer vos rubriques en fonction de leur statut

Fig. 219 Statut visible dans l'arborescence

À droite du titre une zone de recherche vous positionne automatiquement sur le texte entré, elle vire au rouge si la recherche échoue, la flêche verte sélectionne la prochaine occurence du texte recherché.


Edition visuelle

Edition visuelle d'une rubrique
Edition visuelle d'une rubrique

Il ne s'agit pas d'un vrai mode Wysiwyg mais d'une représentation visuelle du code Help&Web.

L'enrichissement de votre texte sera bien conforme à la publication finale, vous verrez les images, les composants s'afficheront bien mais seront encadrés d'une bordure grise et munis d'un bouton Modifier pour accéder à leur éditeur.

Fig. 220 Edition visuelle du composant TabToTable

En double cliquant sur un élément comme un composant, un champ calculé, un titre vous accèdez aussi à son éditeur de propriétés.

les paragraphes respecteront leur alignement mais pas le style que vous leur attribuerez, une icône sera inscrite sur leur coté gauche pour bien les signaler, cela est aussi valable pour les divisions qui auront un visuel propre différent du rendu final.

Chaque bloc de code Help&Web a sa propre représentation, le tout est décrit dans une feuille de style CSS placée dans le répertoire system.hew\VISUAL-DESIGN\

Appliquer un style

Sélectionnez le style dans la liste et activez le en enfonçant le bouton il sera alors utilisé lorsque vous définirez un titre , un paragraphe, une division ou enrichirez votre texte . La gomme supprime tout enrichissement.

Raccourcis clavier

CTRL+F11 insertion d'un bloc conditionnel
CTRL+1..6 définition d'un titre de niveau 1 à 6
Ctrl+Entrée paragraphe aligné à gauche
Ctrl+Shift gauche+ Entrée paragraphe centré
Ctrl+Alt+Entrée paragraphe aligné à droite
Ctrl+A accentue une lettre
Ctrl+C copier
Ctrl+G met le texte en gras
Ctrl+H insère un champ calculé
Ctrl+I insère une image
Ctrl+Ins affiche le dialogue des caractères spéciaux
Ctrl+K ajoute le mot sélectionné dans les mots-clefs
Ctrl+O insère une colonne dans le tableau
Ctrl+L met le texte en italique
Ctrl+N insère une note
Ctrl+P protection/déprotection de la rubrique
Ctrl+R insère une ligne dans le tableau
Ctrl+S insère un signet
Ctrl+T insère un tableau
Ctrl+Suppr supprime un composant ou l'enrichissement du texte
Ctrl+V coller
Ctrl+Shift+V coller directement une image
Ctrl+X couper
Ctrl+Z récupérer

Modification des proprités

Lorsque vous cliquez sur un élément, un paragraphe, un tableau, un lien etc un panneau s'affiche sous la zone d'édition et vous donne accès à ses propriétés.

Propriétés d'un tableau
Propriétés d'un tableau

Pour répercuter une modification vous devez soit presser la touche Entrée lors de l'édition du champ, soit valider l'ensemble des champs en cliquant sur le bouton



Edition source

Dans ce mode pour modifier un objet, cliquez simplement sur sa balise (marque encadrées de double chevrons < <) puis dans le menu qui s'affiche choisissez l'option "Ouvrir"
Pour enrichir votre texte (mise en gras, style etc.) sélectionnez la portion que vous souhaitez modifier et un dialogue va alors s'afficher

en pressant les touches Ctrl+Shift vous désactivez cette option

23

Fig. 221 Dialogue d'édition de texte

Style

La liste déroulante vous permet de sélectionner un style css que vous appliquez en cliquant sur le bouton

Pour définir un nouveau style css, double-cliquez dans la liste, pour l'appliquer cliquez Gestion feuilles de style CSS

Vous accédez à l'édition des feuilles de style depuis l'onglet Style.

G et I définissent une mise en gras et en italique, ouvre un dialogue pour choisir une fonte, un style css sera créé à partir de celle-ci, vous pourrez le nommer à votre guise.

Fig. 222 Application d'une fonte

Formatage

vous permet de définir un titre avec des niveaux allant de 1 (le plus gros) à 6 (le plus petit), cela correspond aux balises h1..h6 en HTML , vous pouvez attribuer une classe CSS et spécifier si un signet doit être positionné en regard du titre.

Positionnez-vous à droite d'une ligne de texte et pressez CTRL+1..6 pour transformer celui-ci en titre

24

Vous pouvez sélectionner un groupe de lignes pour les tranformer en autant de titres

25

permet de définir un paragraphe (aligner à droite, à gauche, centré...)

En pressant Ctrl+Entrée dans l'éditeur de contenu vous définissez automatiquement un paragraphe aligné à gauche

26

En cliquant sur la balise de paragraphe ALIGNE... vous pouvez modifier ses propriétés.


Vous permet de définir un bloc, équivalent à la balise DIV en html auquel vous pourrez attribuer un style css

Insérer une boîte expansible

Gère la création de liste

Génération d'un tableau à partir de texte séparé par des tabulations ou par le caractère | (vous pouvez choisir le caractère séparateur)

Exemple d'utilisation

cellule 1|Cellule 2
Cellule 3|Cellule 4

L'application de va nous donner un tableau de 2 lignes de 1 colonnes

Création d'un boîte d'information dans le style de celle juste au-dessus

Insérer du code html

Liens

Permet la création d'un lien vers une autre rubrique

Fig. 223 Définir une rubrique cible

Sélectionnez alors la rubrique que pointera votre lien et validez, vous pouvez pointer vers une position précise à l'intérieur de cette rubrique en indiquant un signet.

Plus rapide, pressez CTRL+J, si vous n'avez pas sélectionné de texte, l'intitulé du lien reprendra le titre de la rubrique sur lequel vous le faites pointer.

En cliquant sur "Rubrique d'un autre projet" vous pouvez définir un lien externe vers un autre projet, si vous avez configuré son url de base les liens seront fonctionnels en html, en HtmlHelp les fichiers CHM devront êtres dans le même répertoire.

Permet de définir un signet, c'est à dire un emplacement de votre rubrique vers où pourra pointer un lien

Insertion d'un lien vers une adresse web ou mail

Insertion d'un lien macro-commande

Insertion d'un lien vers l'accueil du projet

Insertion d'un lien vers le début du chapitre courant

Insertion d'un lien vers la rubrique précédente

Insertion d'un lien vers la rubrique suivante

Insertion d'un lien vers un signet interne à la rubrique

Presse-Papiers

Gestion du presse-papiers couper-copier-coller

Texte

Ajouter une définition pour le mot sélectionné

Ajouter le mot sélectionné aux mots-clefs de la rubrique, raccourci CTRL+K

permet d'activer les directives conditionnelles permettant par exemple de ne compiler un passage que pour le format pdf

Permet de choisir une accentuation possible pour la première lettre du mot sélectionné

Composants

Voir l'onglet Insérer - composants Gestion des composants pour ajouter des composants sur cette palette

Sélectionnez un caractère et pressez CTRL+A vous pourrez alors accentuer directement votre lettre sans avoir à vous souvenir que ê = ALT+234 ;)

27
Lorsque vous frappez les touches < [ ou £ des listes de suggestions s'affichent pour vous permettre d'insérer des balises html, des champs calculés ou des caractères spéciaux, une telle fonctionnalité est aussi disponible lors de l'édition de vos feuilles de styles css.

Fig. 224 Listes de suggestions

Help&Web dispose aussi d'une fonctionnalité qui permet d'automatiquement remplacer un mot par la séquence que vous souhaitez, utile pour corriger son orthographe ou pour disposer de raccourcis, voir l'onglet Rubriques - Correcteur - Remplacer.

En pressant ALT+CTRL plus les touches F0 à F9 vous pouvez placer une marque pour sauvegarder une position dans votre source, pour y revenir pressez CTRL+F0..F9

Pour effacer une marque, placez vous sur la ligne puis repressez la combinaison ALT+CTRL+F0..9

Les marques sont sauvegardées avec la rubrique, vous les retrouverez donc à la réouverture du projet

26

Aperçu

L'onglet PDF visualise votre rubrique comme elle apparaitra au format PDF.

L'onglet HTML permet de visualiser à l'intérieur d'Help&Web votre rubrique au format html, la recompilation vous sera éventuellement proposée.

Barre des mots clefs

Sous la zone d'édition vous avez la barre des mots clefs de la rubrique, entrez vos mots dans le champ de saisie à droite de la clef, vous pouvez en saisir plusieurs en les séparant par une virgule, pressez la touche Entrée pour les ajouter.

Fig. 225 Gestion des mots clefs

Pour modifier ou supprimer un mot clef, cliquez dessus, si vous pressez CTRL lors de l'édition d'un mot vous pourrez le lier à un signet de la rubrique, ou lui attribuer une note.

Vous pouvez aussi réorganiser la liste des mots clefs en utilisant le glisser-lacher.

Lisez la rubrique consacrée aux mots clefs pour en savoir plus sur cette partie importante des aides.

Support Unicode

Help&Web supporte les caractères unicode dans le contenu de la rubrique, vous pouvez les insérer directement par copie-coller ou à l'aide de l'éditeur de caractère spéciaux accessible en pressant CTRL+Insert

Les caractères unicode ne seront reconnus que dans les publications au format Html, CHM et Rtf mais pas en Hlp et Pdf

9

Fig. 226 Insertion de caractères unicode CTRL+Insert

Vous pouvez mémoriser une plage de caractères en lui donnant un nom puis en cliquant sur la disquette, la poubelle servant a effacer cette sauvegarde.

Sommaire