Edition des rubriques

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

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. 178 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+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 les icônes d'éditions 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

16

Fig. 179 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. 180 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

17

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

18

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

19

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. 181 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 ;)

20
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. 182 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

25

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.

Sommaire