This commit is contained in:
Maria Sukhova 2022-08-29 16:01:36 +03:00
parent 6c5d4275d6
commit 6d26f02da4
8 changed files with 75 additions and 69 deletions

View File

@ -18,13 +18,13 @@
<p>Pour copier une certaine mise en forme du texte dans l'<a target="_blank" href="https://www.onlyoffice.com/fr/document-editor.aspx" onclick="onhyperlinkclick(this)"><b>Éditeur de Documents</b></a>,</p>
<ol>
<li>sélectionnez le fragment du texte contenant la mise en forme à copier en utilisant la souris ou <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">le clavier</a>,</li>
<li>cliquez sur l'icône <b>Copier le style</b> <div class = "icon icon-copystyle"></div> sous l'onglet <b>Acceuil</b> sur la barre d'outils supérieure ( le pointeur de la souris aura la forme suivante <div class = "icon icon-paste_style"></div>),</li>
<li>cliquez sur l'icône <b>Copier le style</b> <div class = "icon icon-copystyle"></div> sous l'onglet <b>Acceuil</b> sur la barre d'outils supérieure (le pointeur de la souris aura la forme suivante <div class = "icon icon-paste_style"></div>),</li>
<li>sélectionnez le fragment de texte à mettre en forme.</li>
</ol>
<p>Pour appliquer la mise en forme copiée aux plusieurs fragments du texte,</p>
<ol>
<li>sélectionnez le fragment du texte contenant la mise en forme à copier en utilisant la souris ou <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">le clavier</a>,</li>
<li>double-cliquez sur l'icône <b>Copier le style</b> <div class = "icon icon-copystyle"></div> sous l'onglet <b>Accueil</b> de la barre d'outils supérieure ( le pointeur de la souris aura la forme suivante <div class = "icon icon-paste_style"></div> et l'icône <b>Copier le style</b> restera sélectionnée : <div class = "icon icon-copystyle_selected"></div>),</li>
<li>double-cliquez sur l'icône <b>Copier le style</b> <div class = "icon icon-copystyle"></div> sous l'onglet <b>Accueil</b> de la barre d'outils supérieure (le pointeur de la souris aura la forme suivante <div class = "icon icon-paste_style"></div> et l'icône <b>Copier le style</b> restera sélectionnée : <div class = "icon icon-copystyle_selected"></div>),</li>
<li>sélectionnez les fragments du texte nécessaires un par un pour appliquer la même mise en forme pour chacun d'eux,</li>
<li>pour quitter ce mode, cliquez sur l'icône <b>Copier le style</b> <div class = "icon icon-copystyle_selected"></div> encore une fois ou appuyez sur la touche <b>Échap</b> sur le clavier.</li>
</ol>

View File

@ -16,10 +16,10 @@
</div>
<h1>Créer des formulaires à remplir</h1>
<p>ONLYOFFICE Document Editor permet de créer plus facilement des formulaires à remplir dans votre document, par ex. les projets de contrats ou les enquêtes.</p>
<p><b>Modèle de formulaire</b> fournit un ensemble d'outils pour créer des formulaires à remplir au format DOCXF. Sauvegardez le formulaire résultant au format <b>DOCXF</b> et vous aurez un modèle de formulaire modifiable que vous pouvez réviser ou travailler à plusieurs. Pour créer un formulaire à remplir et restreindre la modification du formulaire par d'autres utilisateurs, sauvegardez-le au format <b>OFORM</b> . Pour en savoir plus, veuillez consulter les <a href="../UsageInstructions/FillingOutForm.htm">instructions pour remplir un formulaire</a> .</p>
<p class="note">Les formats <b>DOCXF</b> et <b>OFORM</b> sont de nouveaux formats <b>ONLYOFFICE</b> permettant de créer des modèles de formulaires et remplir les formulaires : Optez pour les versions <b>ONLYOFFICE Document Editor</b> en ligne ou de bureau pour utiliser pleinement tous les éléments et les options liées aux formulaires.</p>
<p>Vous pouvez sauvegarder tout fichier <b>DOCX</b> existant au format <b>DOCXF</b> pour l'utiliser en tant que Modèle de formulaire. Passez à l'onglet <b>Fichier</b>, cliquez sur <b>Télécharger comme...</b> ou <b>Enregistrer sous...</b> sur le panneau latéral gauche et sélectionnez l'icône <b>DOCXF</b>. Vous pouvez maintenant utiliser toutes les fonctionnalités d'édition d'un formulaire.</p>
<p>Éditeur de Documents ONLYOFFICE permet de créer plus facilement des formulaires à remplir dans votre document, par ex. les projets de contrats ou les enquêtes.</p>
<p><b>Modèle de formulaire</b> fournit un ensemble d'outils pour créer des formulaires à remplir au format DOCXF. Sauvegardez le formulaire résultant au format <b>DOCXF</b> et vous aurez un modèle de formulaire modifiable que vous pouvez réviser ou travailler à plusieurs. Pour créer un formulaire à remplir et restreindre la modification du formulaire par d'autres utilisateurs, sauvegardez-le au format <b>OFORM</b>. Pour en savoir plus, veuillez consulter les <a href="../UsageInstructions/FillingOutForm.htm">instructions pour remplir un formulaire</a>.</p>
<p class="note">Les formats <b>DOCXF</b> et <b>OFORM</b> sont de nouveaux formats <b>ONLYOFFICE</b> permettant de créer des modèles de formulaires et remplir les formulaires : Optez pour les versions <b>Éditeur de Documents ONLYOFFICE</b> en ligne ou de bureau pour utiliser pleinement tous les éléments et les options liées aux formulaires.</p>
<p>Vous pouvez sauvegarder tout fichier <b>DOCX</b> existant au format <b>DOCXF</b> pour l'utiliser en tant que Modèle de formulaire. Passez à l'onglet <b>Fichier</b>, cliquez sur <b>Télécharger comme...</b> ou <b>Enregistrer sous...</b> sur le panneau latéral gauche et sélectionnez l'icône <b>DOCXF</b>. Vous pouvez maintenant utiliser toutes les fonctionnalités d'édition d'un formulaire.</p>
<p>Ce ne sont pas seulement des champs de formulaire qu'on peut modifier dans un fichier <b>DOCXF</b>, il vous est toujours possible d'ajouter, de modifier et de mettre en forme du texte et utiliser d'autres fonctionnalités de l'<b>Éditeur de Documents</b>.</p>
<p>Les formulaires à remplir peuvent être réalisés en utilisant des objets modifiables afin d'assurer une cohérence globale du document final et d'améliorer l'expérience de travail avec des formulaires interactifs.</p>
<p>Actuellement, vous pouvez ajouter un champ texte, une zone de liste déroulante, une liste déroulante, une case à cocher, un bouton radio et définir les zones désignées aux images. Vous pouvez accéder à ces fonctionnalités à l'aide de l'onglet <b>Formulaires</b> qui n'est disponible qu'avec des fichiers <b>DOCXF</b>.</p>
@ -33,7 +33,7 @@
<li>positionnez le point d'insertion à la ligne du texte où vous souhaitez ajouter un champ,</li>
<li>passez à l'onglet <b>Formulaires</b> de la barre d'outils supérieure,</li>
<li>
cliquez sur l'icône <b>Champ texte</b> <div class = "icon icon-text_field_icon"></div> .
cliquez sur l'icône <b>Champ texte</b> <div class = "icon icon-text_field_icon"></div>.
</li>
</ol>
<p><img alt="champ de texte ajouté" src="../images/text_field_inserted.png" /></p>
@ -45,7 +45,7 @@
<li><b>Espace réservé</b> : saisissez le texte à afficher dans le champ de saisie. Le texte par défaut est <em>Votre texte ici</em>.</li>
<li><b>Tag</b> : saisissez un texte à utiliser en tant que tag à usage interne, c'est-à-dire affiché uniquement pour les coéditeurs.</li>
<li>
<b>Conseil</b> : saisissez le texte à afficher quand l'utilisateur fait passer la souris sur le champ texte.
<b>Conseil</b> : saisissez le texte à afficher quand l'utilisateur fait passer la souris sur le champ texte.
<br /> <img alt="Conseil ajouté" src="../images/text_field_tip.png" />
</li>
<li>
@ -66,7 +66,7 @@
</ul>
</div>
<p><img alt="Peigne de caractères" src="../images/comb_of_characters.png" /></p>
<p>Cliquez sur le champ texte ajouté et <a href="../UsageInstructions/FontTypeSizeColor.htm">réglez le type, la taille et la couleur de la police</a>, appliquez <a href="../UsageInstructions/DecorationStyles.htm">les styles de décoration</a> et <a href="../UsageInstructions/FormattingPresets.htm">les styles de mise en forme</a>. La mise en forme sera appliquée à l'ensemble du texte dans le champ. </p>
<p>Cliquez sur le champ texte ajouté et <a href="../UsageInstructions/FontTypeSizeColor.htm">réglez le type, la taille et la couleur de la police</a>, appliquez <a href="../UsageInstructions/DecorationStyles.htm">les styles de décoration</a> et <a href="../UsageInstructions/FormattingPresets.htm">les styles de mise en forme</a>. La mise en forme sera appliquée à l'ensemble du texte dans le champ.</p>
</details>
</div>
@ -100,14 +100,14 @@
<b>Taille de champ fixe</b> : activez cette option pour fixer la taille du champ.<br />
Un champ de taille fixe ressemble à une forme automatique. Vous pouvez définir le style d'habillage et ajuster son position.
</li>
<li><b>Couleur de bordure</b> : cliquez sur l'icône <div class="icon icon-nofill"></div> pour définir la couleur de bordure de la zone de liste déroulante. Sélectionnez la couleur appropriée des bordures dans la palette. Le cas échéant, vous pouvez <b>ajouter une couleur personnalisée</b>.</li>
<li><b>Couleur de bordure</b> : cliquez sur l'icône <div class="icon icon-nofill"></div> pour définir la couleur de bordure de la zone de liste déroulante. Sélectionnez la couleur appropriée des bordures dans la palette. Le cas échéant, vous pouvez <b>ajouter une couleur personnalisée</b>.</li>
<li><b>Couleur d'arrière-plan</b> : cliquez sur l'icône <div class="icon icon-nofill"></div> pour ajouter la couleur d'arrière-plan à la zone de liste déroulante. Sélectionnez la couleur appropriée de la palette <b>Couleurs du thème</b>, <b>Couleurs standard</b> ou <b>ajoutez une nouvelle couleur personnalisée</b>, le cas échéant.</li>
</ul>
</div>
<p>Cliquez sur la flèche dans la partie droite de la <b>Zone de liste déroulante</b> ajoutée pour accéder à la liste d'éléments disponibles et choisir un élément approprié. Lorsque vous avez choisi un élément, vous pouvez modifier le texte affiché partiellement ou entièrement ou le remplacer du texte.</p>
<p><img alt="La zone de liste déroulante ouverte" src="../images/combo_box_opened.png" /></p>
<p>Vous pouvez changer le style, la couleur et la taille de la police. Cliquez sur la zone de liste déroulante et suivez les <a href="../UsageInstructions/FontTypeSizeColor.htm">instructions</a>. La mise en forme sera appliquée à l'ensemble du texte dans le champ.</p>
</details>
</details>
</div>
@ -140,8 +140,8 @@
<b>Taille de champ fixe</b> : activez cette option pour fixer la taille du champ.<br />
Un champ de taille fixe ressemble à une forme automatique. Vous pouvez définir le style d'habillage et ajuster son position.
</li>
<li><b>Couleur de bordure</b>: cliquez sur l'icône <div class="icon icon-nofill"></div> pour définir la couleur de bordure de la liste déroulante. Sélectionnez la couleur appropriée des bordures dans la palette. Le cas échéant, vous pouvez <b>ajouter une couleur personnalisée</b>.</li>
<li><b>Couleur d'arrière-plan</b>: cliquez sur l'icône <div class="icon icon-nofill"></div> pour ajouter la couleur d'arrière-plan à la liste déroulante. Sélectionnez la couleur appropriée de la palette <b>Couleurs du thème</b>, <b>Couleurs standard</b> ou <b>ajoutez une nouvelle couleur personnalisée</b>, le cas échéant.</li>
<li><b>Couleur de bordure</b> : cliquez sur l'icône <div class="icon icon-nofill"></div> pour définir la couleur de bordure de la liste déroulante. Sélectionnez la couleur appropriée des bordures dans la palette. Le cas échéant, vous pouvez <b>ajouter une couleur personnalisée</b>.</li>
<li><b>Couleur d'arrière-plan</b> : cliquez sur l'icône <div class="icon icon-nofill"></div> pour ajouter la couleur d'arrière-plan à la liste déroulante. Sélectionnez la couleur appropriée de la palette <b>Couleurs du thème</b>, <b>Couleurs standard</b> ou <b>ajoutez une nouvelle couleur personnalisée</b>, le cas échéant.</li>
</ul>
</div>
<p>Cliquez sur la flèche dans la partie droite de la <b>Liste déroulante</b> ajoutée pour accéder à la liste d'éléments disponibles et choisir un élément approprié.</p>
@ -159,7 +159,7 @@
<li>positionnez le point d'insertion à la ligne du texte où vous souhaitez ajouter un champ,</li>
<li>passez à l'onglet <b>Formulaires</b> de la barre d'outils supérieure,</li>
<li>
cliquez sur l'icône <b>Case à cocher</b> <div class = "icon icon-checkbox_icon"></div> .
cliquez sur l'icône <b>Case à cocher</b> <div class = "icon icon-checkbox_icon"></div>.
</li>
</ol>
<p><span class = "big big-checkbox_inserted"></span></p>
@ -294,7 +294,7 @@
<p>Vous pouvez également copier et coller les champs du formulaire : sélectionnez le champ approprié et appuyez sur le raccourci <b>Ctrl+C/Ctrl+V.</b></p>
<h2>Rendre un champ de formulaire obligatoire</h2>
<p>Pour <b>rendre un champ de formulaire obligatoire</b>, activez l'option <b>Requis</b>. Les champs obligatoires auront une bordure rouge. On ne peut pas soumettre le formulaire jusqu'à ce que tous les champs obligatoires soient remplis. </p>
<p>Pour <b>rendre un champ de formulaire obligatoire</b>, activez l'option <b>Requis</b>. Les champs obligatoires auront une bordure rouge. On ne peut pas soumettre le formulaire jusqu'à ce que tous les champs obligatoires soient remplis.</p>
<h2>Verrouiller les champs du formulaire</h2>
<p>Pour empêcher toute la modification ultérieure des champs du formulaire, appuyez sur l'icône <span class = "icon icon-lock_form_icon"></span> <b>Verrou</b>. La fonctionnalité de remplissage reste disponible.</p>

View File

@ -15,12 +15,12 @@
<input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
</div>
<h1>Créer des listes</h1>
<p>Pour créer une liste dans <a href="https://www.onlyoffice.com/fr/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>,</p>
<p>Pour créer une liste dans l'<a href="https://www.onlyoffice.com/fr/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Éditeur de Documents</b></a>,</p>
<ol>
<li>placez le curseur à la position où vous voulez commencer la liste (cela peut être une nouvelle ligne ou le texte existant),</li>
<li>passez à l'onglet <b>Accueil</b> de la barre d'outils supérieure,</li>
<li>
sélectionnez le type de liste à créer:
sélectionnez le type de liste à créer :
<ul>
<li><b>Liste non ordonnée</b> avec des marqueurs est créée à l'aide de l'icône <b>Puces</b> <div class = "icon icon-bullets"></div> de la barre d'outils supérieure</li>
<li>
@ -31,21 +31,21 @@
</li>
<li>appuyez sur la touche <b>Entrée</b> à la fin de la ligne pour ajouter un nouvel élément à la liste. Pour terminer la liste, appuyez sur la touche <b>Retour arrière</b> et continuez le travail.</li>
</ol>
<p>L'éditeur commence automatiquement une liste numérotée lorsque vous tapez 1 et un point ou une parenthèse droite et un espace: <b>1.</b>, <b>1)</b>. La liste à puces commence automatiquement lorsque vous tapez <b>-</b> ou <b>* </b> et un espace.</p>
<p>L'éditeur commence automatiquement une liste numérotée lorsque vous tapez 1 et un point ou une parenthèse droite et un espace : <b>1.</b>, <b>1)</b>. La liste à puces commence automatiquement lorsque vous tapez <b>-</b> ou <b>* </b> et un espace.</p>
<p>Vous pouvez aussi changer le retrait du texte dans les listes et leur imbrication en utilisant les icônes <b>Liste multi-niveaux</b> <span class = "icon icon-outline"></span>, <b>Réduire le retrait</b> <span class = "icon icon-decreaseindent"></span> et <b>Augmenter le retrait</b> <span class = "icon icon-increaseindent"></span> sous l'onglet <b>Accueil</b> de la barre d'outils supérieure.</p>
<p>Pour modifier le niveau de la liste, cliquez sur l'icône <b>Numérotation </b> <span class = "icon icon-numbering"></span>, <b>Puces</b> <span class = "icon icon-bullets"></span>, ou <b>Liste multi-niveaux</b> <span class = "icon icon-outline"></span> et choisissez <b>Changer le niveau de liste</b>, ou placer le curseur au début de la ligne et appuyez sur la touche Tab du clavier pour augmenter le niveau de la liste. Procédez au niveau de liste approprié.</p>
<p>Pour modifier le niveau de la liste, cliquez sur l'icône <b>Numérotation </b> <span class = "icon icon-numbering"></span>, <b>Puces</b> <span class = "icon icon-bullets"></span>, ou <b>Liste multi-niveaux</b> <span class = "icon icon-outline"></span> et choisissez <b>Changer le niveau de liste</b>, ou placer le curseur au début de la ligne et appuyez sur la touche Tab du clavier pour augmenter le niveau de la liste. Procédez au niveau de liste approprié.</p>
<p><img alt="Changer le niveau de liste" src="../images/listlevel.png" /></p>
<p class="note">Vous pouvez configurez les paramètres supplémentaires du retrait et de l'espacement sur la barre latérale droite et dans la fenêtre de configuration de paramètres avancées. Pour en savoir plus, consultez les pages <a href="ParagraphIndents.htm" onclick="onhyperlinkclick(this)">Modifier le retrait des paragraphes</a> et <a href="LineSpacing.htm" onclick="onhyperlinkclick(this)">Régler l'interligne du paragraphe</a> .</p>
<h3>Joindre et séparer des listes</h3>
<p>Pour joindre une liste à la précédente:</p>
<p>Pour joindre une liste à la précédente :</p>
<ol>
<li>cliquez avec le bouton droit sur le premier élément de la seconde liste,</li>
<li>utilisez l'option <b>Joindre à la liste précédente</b> du menu contextuel.</li>
</ol>
<p>Les listes seront jointes et la numérotation se poursuivra conformément à la numérotation de la première liste.</p>
<p>Pour séparer une liste:</p>
<p>Pour séparer une liste :</p>
<ol>
<li>cliquez avec le bouton droit de la souris sur l'élément de la liste où vous voulez commencer une nouvelle liste,</li>
<li>sélectionnez l'option <b>Séparer la liste</b> du menu contextuel.</li>
@ -53,14 +53,14 @@
<p>La liste sera séparée et la numérotation dans la deuxième liste recommencera.</p>
<h3>Modifier la numérotation</h3>
<p>Poursuivre la numérotation séquentielle dans la deuxième liste selon la numérotation de la liste précédente:</p>
<p>Poursuivre la numérotation séquentielle dans la deuxième liste selon la numérotation de la liste précédente :</p>
<ol>
<li>cliquez avec le bouton droit sur le premier élément de la seconde liste,</li>
<li>sélectionnez l'option <b>Continuer la numérotation</b> du menu contextuel.</li>
</ol>
<p>La numérotation se poursuivra conformément à la numérotation de la première liste.</p>
<p>Pour définir une certaine valeur initiale de numérotation:</p>
<p>Pour définir une certaine valeur initiale de numérotation :</p>
<ol>
<li>cliquez avec le bouton droit de la souris sur l'élément de la liste où vous souhaitez appliquer une nouvelle valeur de numérotation,</li>
<li>sélectionnez l'option <b>Définit la valeur de la numérotation</b> du menu contextuel,</li>
@ -68,23 +68,23 @@
</ol>
<h3>Configurer les paramètres de la liste</h3>
<p>Pour configurer les paramètres de la liste comme la puce/la numérotation, l'alignement, la taille et la couleur:</p>
<p>Pour configurer les paramètres de la liste comme la puce/la numérotation, l'alignement, la taille et la couleur :</p>
<ol>
<li>cliquez sur un élément de la liste actuelle ou sélectionnez le texte à partir duquel vous souhaitez créer une liste,</li>
<li>cliquez sur l'icône <b>Puces</b> <div class = "icon icon-bullets"></div> ou <b>Numérotation</b> <div class = "icon icon-numbering"></div> sous l'onglet <b>Accueil</b> dans la barre d'outils en haut,</li>
<li>sélectionnez l'option <b>Paramètres de la liste</b>,</li>
<li>
la fenêtre <b>Paramètres de la liste</b> s'affiche. La fenêtre de paramètres de la liste à puces se présente sous cet aspect:
la fenêtre <b>Paramètres de la liste</b> s'affiche. La fenêtre de paramètres de la liste à puces se présente sous cet aspect :
<p><img alt="La fenêtre Paramètres de la liste à puces" src="../images/bulletedlistsettings.png" /></p>
<p>La fenêtre de paramètres de la liste numérotée se présente sous cet aspect:</p>
<p>La fenêtre de paramètres de la liste numérotée se présente sous cet aspect :</p>
<p><img alt="La fenêtre Paramètres de la liste numérotée" src="../images/orderedlistsettings.png" /></p>
<p>Pour la liste à puces on peut choisir le caractère à utiliser comme <b>puce</b> et pour la liste numérotée on peut choisir le <b>type</b> de numérotation. Les options <b>Alignement</b>, <b>Taille</b> et <b>Couleur</b> sont identiques pour toutes les listes soit à puces soit numérotée.</p>
<ul>
<li><b>Puce </b>permet de sélectionner le caractère approprié pour les éléments de la liste. Lorsque vous appuyez sur le champ <b>Symboles et caractères</b>, la fenêtre <b>Symbole</b> va apparaître dans laquelle vous pouvez choisir parmi les caractères disponibles. Veuillez consulter <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">cet article</a>pour en savoir plus sur utilisation des symboles.</li>
<li><b>Type</b> permet de sélectionner la numérotation appropriée pour la liste. Les options suivantes sont disponibles: <I>Rien, 1, 2, 3,..., a, b, c,..., A, B, C,..., i, ii, iii,..., I, II, III,....</I></li>
<li><b>Alignement</b> permet de sélectionner le type d'alignement approprié pour aligner les puces/nombres horizontalement. Les options d'alignement disponibles: <I>À gauche</I>, <I>Au centre</I>, <I>À droite</I>.</li>
<li><b>Taille</b> permet d'ajuster la taille des puces/numéros. L'option par défaut est <b>En tant que texte</b>. Lorsque cette option est active, la taille des puces correspond à la taille du texte; Ajustez la taille en utilisant les valeurs prédéfinies de <I>8 à 96</I>.</li>
<li><b>Couleur</b> permet de choisir la couleur des puces/numéros. L'option par défaut est <b>En tant que texte</b>. Lorsque cette option est active, la couleur des puces ou des chiffres correspond à la couleur du texte. Choisissez l'option <b>Automatique</b> pour appliquer la couleur automatiquement, sélectionnez les <I>Couleurs de thème</I> ou les <I>Couleurs standard</I> de la palette ou définissez la <I>Couleur personnalisée</I>.</li>
<li><b>Puce </b>permet de sélectionner le caractère approprié pour les éléments de la liste. Lorsque vous appuyez sur le champ <b>Symboles et caractères</b>, la fenêtre <b>Symbole</b> va apparaître dans laquelle vous pouvez choisir parmi les caractères disponibles. Veuillez consulter <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">cet article</a>pour en savoir plus sur utilisation des symboles.</li>
<li><b>Type</b> permet de sélectionner la numérotation appropriée pour la liste. Les options suivantes sont disponibles : <em>Rien, 1, 2, 3,..., a, b, c,..., A, B, C,..., i, ii, iii,..., I, II, III,....</em></li>
<li><b>Alignement</b> permet de sélectionner le type d'alignement approprié pour aligner les puces/nombres horizontalement. Les options d'alignement disponibles : <em>À gauche</em>, <em>Au centre</em>, <em>À droite</em>.</li>
<li><b>Taille</b> permet d'ajuster la taille des puces/numéros. L'option par défaut est <b>En tant que texte</b>. Lorsque cette option est active, la taille des puces correspond à la taille du texte ; Ajustez la taille en utilisant les valeurs prédéfinies de <em>8 à 96</em>.</li>
<li><b>Couleur</b> permet de choisir la couleur des puces/numéros. L'option par défaut est <b>En tant que texte</b>. Lorsque cette option est active, la couleur des puces ou des chiffres correspond à la couleur du texte. Choisissez l'option <b>Automatique</b> pour appliquer la couleur automatiquement, sélectionnez les <em>Couleurs de thème</em> ou les <em>Couleurs standard</em> de la palette ou définissez la <em>Couleur personnalisée</em>.</li>
</ul>
<p>Toutes les modifications sont affichées dans le champ <b>Aperçu</b>.</p>
</li>
@ -96,19 +96,19 @@
<li>cliquez sur l'icône <b>Liste multiniveaux</b> <div class = "icon icon-outline"></div> sous l'onglet <b>Accueil</b> dans la barre d'outils en haut,</li>
<li>sélectionnez l'option <b>Paramètres de la liste</b>,</li>
<li>
la fenêtre <b>Paramètres de la liste</b> s'affiche. La fenêtre Paramètres de la liste multiniveaux se présente sous cet aspect:
la fenêtre <b>Paramètres de la liste</b> s'affiche. La fenêtre Paramètres de la liste multiniveaux se présente sous cet aspect :
<p><img alt="La fenêtre Paramètres de la liste multiniveaux" src="../images/multilevellistsettings.png" /></p>
<p>Choisissez le niveau approprié dans la liste <b>Niveau</b> à gauche, puis personnalisez l'aspect des puces et des nombres pour le niveau choisi: </p>
<p>Choisissez le niveau approprié dans la liste <b>Niveau</b> à gauche, puis personnalisez l'aspect des puces et des nombres pour le niveau choisi : </p>
<ul>
<li><b>Type</b> permet de sélectionner la numérotation appropriée pour la liste numérotée ou le caractère approprié pour la liste à puces. Les options disponibles pour la liste numérotée: <I>Rien, 1, 2, 3,..., a, b, c,..., A, B, C,..., i, ii, iii,..., I, II, III,....</I> Pour la liste à puces vous pouvez choisir un des symboles prédéfinis ou utiliser l'option <b>Nouvelle puce</b>. Lorsque vous appuyez sur cette option, la fenêtre <b>Symbole</b> va apparaître dans laquelle vous pouvez choisir parmi les caractères disponibles. Veuillez consulter <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">cet article</a>pour en savoir plus sur utilisation des symboles.</li>
<li><b>Alignement</b> permet de sélectionner le type d'alignement approprié pour aligner les puces/nombres horizontalement du début du paragraphe. À gauche, Au centre, À droite. Les options d'alignement disponibles: <I>À gauche</I>, <I>Au centre</I>, <I>À droite</I>.</li>
<li><b>Type</b> permet de sélectionner la numérotation appropriée pour la liste numérotée ou le caractère approprié pour la liste à puces. Les options disponibles pour la liste numérotée : <em>Rien, 1, 2, 3,..., a, b, c,..., A, B, C,..., i, ii, iii,..., I, II, III,....</em> Pour la liste à puces vous pouvez choisir un des symboles prédéfinis ou utiliser l'option <b>Nouvelle puce</b>. Lorsque vous appuyez sur cette option, la fenêtre <b>Symbole</b> va apparaître dans laquelle vous pouvez choisir parmi les caractères disponibles. Veuillez consulter <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">cet article</a>pour en savoir plus sur utilisation des symboles.</li>
<li><b>Alignement</b> permet de sélectionner le type d'alignement approprié pour aligner les puces/nombres horizontalement du début du paragraphe. À gauche, Au centre, À droite. Les options d'alignement disponibles : <em>À gauche</em>, <em>Au centre</em>, <em>À droite</em>.</li>
<li><b>Taille</b> permet d'ajuster la taille des puces/numéros. L'option par défaut est <b>En tant que texte</b>. Ajustez la taille en utilisant les paramètres prédéfinis de <I>8 à 96</I>.</li>
<li><b>Couleur</b> permet de choisir la couleur des puces/numéros. L'option par défaut est <b>En tant que texte</b>. Lorsque cette option est active, la couleur des puces ou des chiffres correspond à la couleur du texte. Choisissez l'option <b>Automatique</b> pour appliquer la couleur automatiquement, sélectionnez les <I>Couleurs de thème</I> ou les <I>Couleurs standard</I> de la palette ou définissez la <I>Couleur personnalisée</I>.</li>
<li><b>Couleur</b> permet de choisir la couleur des puces/numéros. L'option par défaut est <b>En tant que texte</b>. Lorsque cette option est active, la couleur des puces ou des chiffres correspond à la couleur du texte. Choisissez l'option <b>Automatique</b> pour appliquer la couleur automatiquement, sélectionnez les <em>Couleurs de thème</em> ou les <em>Couleurs standard</em> de la palette ou définissez la <em>Couleur personnalisée</em>.</li>
</ul>
<p>Toutes les modifications sont affichées dans le champ <b>Aperçu</b>.</p>
</li>
<li>Cliquez sur <b>OK</b> pour appliquer toutes les modifications et fermer la fenêtre.</li>
</ol>
</ol>
</div>
</body>
</html>

View File

@ -39,7 +39,7 @@
<p><img alt="Panneau de navigation" src="../images/navigationpanel.png" /></p>
<ul>
<li><b>Promouvoir</b> - pour déplacer le titre actuellement sélectionné vers le niveau supérieur de la structure hiérarchique, par ex. le changer de <em>Titre 2</em> à <em>Titre 1</em>.</li>
<li><b>Abaisser</b> - pour déplacer le titre actuellement sélectionné vers le niveau inférieur de la structure hiérarchique, par ex. le changer de à .</li>
<li><b>Abaisser</b> - pour déplacer le titre actuellement sélectionné vers le niveau inférieur de la structure hiérarchique, par ex. le changer de <em>Titre 1</em> à. <em>Titre 2</em>.</li>
<li><b>Nouvel en-tête avant</b> - pour ajouter un nouveau titre vide du même niveau avant celui actuellement sélectionné.</li>
<li><b>Nouvel en-tête après</b>- pour ajouter un nouveau titre vide du même niveau après celui actuellement sélectionné.</li>
<li><b>Nouveau sous-titre</b> - pour ajouter un nouveau sous-titre vide (c'est-à-dire un titre de niveau inférieur) après le titre actuellement sélectionné.
@ -47,11 +47,11 @@
</li>
<li><b>Sélectionner le contenu</b> - pour sélectionner le texte sous le titre actuel du document (y compris le texte relatif à tous les sous-titres de cette rubrique).</li>
<li><b>Tout développer</b> - pour développer tous les niveaux de titres dans le panneau <b>Navigation</b>.</li>
<li><b>Tout réduire</b> - pour réduire tous les niveaux de titres excepté le <em>niveau 1</em> dans le panneau .</li>
<li><b>Tout réduire</b> - pour réduire tous les niveaux de titres excepté le <em>niveau 1</em> dans le panneau <b>Titres</b>.</li>
<li><b>Développer au niveau</b> - pour étendre la structure de titre au niveau sélectionné. Par exemple. Si vous sélectionnez le <em>niveau 3</em>, les niveaux 1, 2 et 3 seront développés, tandis que le niveau 4 et tous les niveaux inférieurs seront réduits.</li>
</ul>
<p>Pour développer ou réduire manuellement des niveaux de titre différents, utilisez les flèches situées à gauche des en-têtes.</p>
<p>Pour fermer le panneau <b>Navigation</b> cliquez sur l'icône <span class = "icon icon-navigationicon"></span> encore une fois.</p>
<p>Pour fermer le panneau <b>Navigation</b> cliquez sur l'icône <span class = "icon icon-navigationicon"></span> encore une fois.</p>
<h2>Insérer une table des matières dans le document</h2>
<p>Pour insérer une table des matières dans votre document :</p>
<ol>
@ -83,12 +83,12 @@
<ul>
<li>Cliquez sur la flèche en regard de l'icône <div class = "icon icon-tocicon"></div> <b>Table des matières</b> dans la barre d'outils supérieure et sélectionnez l'option <b>Paramètres</b> dans le menu.</li>
<li>Sélectionnez la table des matières dans le texte du document, cliquez sur la flèche à côté du titre du champ Table des matières et sélectionnez l'option <b>Paramètres</b> dans le menu.
<p><img alt="Options de la table des matières" src="../images/tocsettingscc.png" /></p>
<p><img alt="Options de la table des matières" src="../images/tocsettingscc.png" /></p>
</li>
<li>Cliquez avec le bouton droit n'importe où dans la table des matières et utilisez l'option <b>Paramètres de table des matières</b> dans le menu contextuel.</li>
</ul>
<p>Une nouvelle fenêtre s'ouvrira où vous pourrez ajuster les paramètres suivants :</p>
<p><img alt="Fenêtre des paramètres de la table des matières" src="../images/tocsettingswindow.png" /></p>
<p><img alt="Fenêtre des paramètres de la table des matières" src="../images/tocsettingswindow.png" /></p>
<ul>
<li><b>Afficher les numéros de page</b> - cette option permet de choisir si vous souhaitez afficher les numéros de page ou non.</li>
<li><b>Aligner à droite les numéros de page</b> - cette option permet de choisir si vous souhaitez aligner les numéros de page sur le côté droit de la page ou non.</li>
@ -116,7 +116,7 @@
<ol>
<li>Sélectionnez le texte dans le champ de la table des matières, par ex. en appuyant sur le bouton <div class = "icon icon-toccontentcontrol"></div> dans le coin supérieur gauche du contrôle du contenu de la table des matières.</li>
<li>Mettez en forme la table des matières en modifiant le type de police, la taille, la couleur ou en appliquant les styles de décoration de police.</li>
<li>Mettez à jour les styles pour les éléments de chaque niveau. Pour mettre à jour le style, cliquez avec le bouton droit sur l'élément mis en forme, sélectionnez l'option <b>Mise en forme du style</b> dans le menu contextuel et cliquez sur l'option <b>Mettre à jour le style TM N</b> (le style <em>TM 2</em> correspond aux éléments de <em>niveau 2</em>, le style correspond aux éléments de et ainsi de suite).
<li>Mettez à jour les styles pour les éléments de chaque niveau. Pour mettre à jour le style, cliquez avec le bouton droit sur l'élément mis en forme, sélectionnez l'option <b>Mise en forme du style</b> dans le menu contextuel et cliquez sur l'option <b>Mettre à jour le style TM N</b> (le style <em>TM 2</em> correspond aux éléments de <em>niveau 2</em>, le style correspond aux éléments de et ainsi de suite).
<p><img alt="Mettre à jour le style de la table des matières" src="../images/toccustomize.png" /></p>
</li>
<li>Actualiser la table des matières.</li>

View File

@ -15,10 +15,11 @@
<input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
</div>
<h1>Remplir un formulaire</h1>
<p>Un formulaire à remplir est le fichier au format OFORM. OFORM est un format de fichier destiné à remplir; à télécharger ou à imprimer des modèles de formulaires une fois que vous avez terminé de le remplir.</p>
<h2>Comment remplir un formulaire:</h2>
<p>Un formulaire à remplir est le fichier au format OFORM. OFORM est un format de fichier destiné à remplir ; à télécharger ou à imprimer des modèles de formulaires une fois que vous avez terminé de le remplir.</p>
<h2>Comment remplir un formulaire :</h2>
<ol>
<li>Ouvrez le formulaire au format OFORM.
<li>
Ouvrez le formulaire au format OFORM.
<p><img alt="oform" src="../images/oform.png" /><p>
</li>
<li>Remplissez tous les champs obligatoires. La bordure des champs obligatoires est rouge. Utilisez <div class = "icon icon-arrows_formfilling"></div> ou <img alt="Suivant remplissage formulaire" src="../images/next_formfilling.png" /> dans la barre d'outils supérieure pour naviguer entre les champs ou cliquez sur le champ à remplir.
@ -29,7 +30,7 @@
<p><img alt="Plus OFORM" src="../images/more_oform.png" /></p>
<p>Il est même possible de modifier le <b>Thème d'interface</b> en choisissant <b>Claire</b>, <b>Classique claire</b> ou <b>Sombre</b>. Une fois le <b>Thème d'interface sombre</b> activé, l'option <b>Mode sombre</b> devient disponible.</p>
<p><img alt="Mode sombre" src="../images/darkmode_oform.png" /></p>
<p><b>Zoom</b> permet de mettre à l'échelle et de redimensionner la page en utilisant des options <b>Ajuster à la page</b>, <b>Ajuster à la largeur</b> et l'outil pour régler le niveau de <b>Zoom</b>:</p>
<p><b>Zoom</b> permet de mettre à l'échelle et de redimensionner la page en utilisant des options <b>Ajuster à la page</b>, <b>Ajuster à la largeur</b> et l'outil pour régler le niveau de <b>Zoom</b> :</p>
<p><img alt="Zoom" src="../images/pagescaling.png" /></p>
<ul>
<li><b>Ajuster à la page</b> sert à redimensionner la page pour afficher une page entière sur l'écran.</li>
@ -37,7 +38,8 @@
<li>Outil <b>Zoom</b> sert à zoomer et dézoomer sur une page.</li>
</ul>
<p><b>Ouvrir l'emplacement de fichier</b> lorsque vous avez besoin d'accéder le dossier où le fichier est stocké.</p>
</li>
</li>
</ol>
</div>
</body>

View File

@ -3,7 +3,7 @@
<head>
<title>Définir le type de police, la taille et la couleur</title>
<meta charset="utf-8" />
<meta name="description" content="Définir les paramètres de mise en forme du texte: le type, le taille et la couleur de police" />
<meta name="description" content="Définir les paramètres de mise en forme du texte : le type, le taille et la couleur de police" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
@ -15,7 +15,7 @@
<input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
</div>
<h1>Définir le type de police, la taille et la couleur</h1>
<p>Dans <a href="https://www.onlyoffice.com/fr/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>, vous pouvez sélectionner le type, la taille et la couleur de police à l'aide des icônes correspondantes situées dans l'onglet <b>Accueil</b> de la barre d'outils supérieure.</p>
<p>Dans l'<a href="https://www.onlyoffice.com/fr/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Éditeur de Documents</b></a>, vous pouvez sélectionner le type, la taille et la couleur de police à l'aide des icônes correspondantes situées dans l'onglet <b>Accueil</b> de la barre d'outils supérieure.</p>
<p class="note">Si vous voulez appliquer la mise en forme au texte déjà saisi, sélectionnez-le avec la souris ou <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">en utilisant le clavier</a> et appliquez la mise en forme appropriée. Vous pouvez aussi positionner le curseur de la souris sur le mot à mettre en forme.</p>
<table>
<tr>
@ -26,7 +26,7 @@
<tr>
<td>Taille de la police</td>
<td><div class = "icon icon-fontsize"></div></td>
<td>Sert à sélectionner la taille de la police parmi les valeurs disponibles dans la liste déroulante, les valeurs par défaut sont: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 et 96). Il est également possible d'entrer manuellement une valeur personnalisée dans le champ de taille de police jusqu'à 300 pt. Appuyer sur la touche Entrée pour confirmer</td>
<td>Sert à sélectionner la taille de la police parmi les valeurs disponibles dans la liste déroulante, les valeurs par défaut sont : 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 et 96). Il est également possible d'entrer manuellement une valeur personnalisée dans le champ de taille de police jusqu'à 300 pt. Appuyer sur la touche Entrée pour confirmer</td>
</tr>
<tr>
<td>Augmenter la taille de la police</td>
@ -46,8 +46,7 @@
<tr>
<td>Couleur de surlignage</td>
<td><div class = "icon icon-highlightcolor"></div></td>
<td>Est utilisé pour marquer des phrases, des fragments, des mots ou même des caractères séparés en ajoutant une bande de couleur qui imite l'effet du surligneur sur le texte. Vous pouvez sélectionner la partie voulue du texte, puis cliquer sur la flèche vers le bas à côté de l'icône pour sélectionner une couleur dans la palette (cet ensemble de couleurs ne dépend pas du <b>Jeux de couleurs</b> sélectionné et comprend 16 couleurs).
La couleur sera appliquée à la sélection. Alternativement, vous pouvez d'abord choisir une couleur de surbrillance et ensuite commencer à sélectionner le texte avec la souris - le pointeur de la souris ressemblera à ceci <div class = "icon icon-highlight_color_mouse_pointer"></div> et vous serez en mesure de surligner plusieurs parties différentes de votre texte de manière séquentielle. Pour enlever la mise en surbrillance, cliquez à nouveau sur l'icône. Pour effacer la couleur de surbrillance, choisissez l'option <b>Pas de remplissage</b>. La <b>Couleur de surlignage</b> est différente de la <a href="../UsageInstructions/BackgroundColor.htm" onclick="onhyperlinkclick(this)"><b>Couleur de fond</b></a> <div class = "icon icon-backgroundcolor"></div> car cette dernière est appliquée au paragraphe entier et remplit complètement l'espace du paragraphe de la marge de page gauche à la marge de page droite.</td>
<td>Est utilisé pour marquer des phrases, des fragments, des mots ou même des caractères séparés en ajoutant une bande de couleur qui imite l'effet du surligneur sur le texte. Vous pouvez sélectionner la partie voulue du texte, puis cliquer sur la flèche vers le bas à côté de l'icône pour sélectionner une couleur dans la palette (cet ensemble de couleurs ne dépend pas du <b>Jeux de couleurs</b> sélectionné et comprend 16 couleurs). La couleur sera appliquée à la sélection. Alternativement, vous pouvez d'abord choisir une couleur de surbrillance et ensuite commencer à sélectionner le texte avec la souris - le pointeur de la souris ressemblera à ceci <div class = "icon icon-highlight_color_mouse_pointer"></div> et vous serez en mesure de surligner plusieurs parties différentes de votre texte de manière séquentielle. Pour enlever la mise en surbrillance, cliquez à nouveau sur l'icône. Pour effacer la couleur de surbrillance, choisissez l'option <b>Pas de remplissage</b>. La <b>Couleur de surlignage</b> est différente de la <a href="../UsageInstructions/BackgroundColor.htm" onclick="onhyperlinkclick(this)"><b>Couleur de fond</b></a> <div class = "icon icon-backgroundcolor"></div> car cette dernière est appliquée au paragraphe entier et remplit complètement l'espace du paragraphe de la marge de page gauche à la marge de page droite.</td>
</tr>
<tr>
<td>Couleur de police</td>

View File

@ -3,7 +3,7 @@
<head>
<title>Appliquer les styles de formatage</title>
<meta charset="utf-8" />
<meta name="description" content="Appliquer les styles de formatage: normal, titre, citation, liste, etc." />
<meta name="description" content="Appliquer les styles de formatage : normal, titre, citation, liste, etc." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
@ -15,9 +15,9 @@
<input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
</div>
<h1>Appliquer les styles de formatage</h1>
<p>Chaque style de mise en forme représente un ensemble des options de mise en forme : (taille de la police, couleur, interligne, alignment etc.). Dans <a target="_blank" href="https://www.onlyoffice.com/fr/document-editor.aspx" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>, les styles permettent de mettre en forme rapidement les parties différentes du texte (en-têtes, sous-titres, listes,texte normal, citations) au lieu d'appliquer les options de mise en forme différentes individuellement chaque fois que vous en avez besoin. Cela permet également d'assurer une apparence uniforme de tout le document. Un style n'est appliqué au'au paragraphe entier.</p>
<p>Chaque style de mise en forme représente un ensemble des options de mise en forme : (taille de la police, couleur, interligne, alignment etc.). Dans l'<a target="_blank" href="https://www.onlyoffice.com/fr/document-editor.aspx" onclick="onhyperlinkclick(this)"><b>Éditeur de Documents</b></a>, les styles permettent de mettre en forme rapidement les parties différentes du texte (en-têtes, sous-titres, listes,texte normal, citations) au lieu d'appliquer les options de mise en forme différentes individuellement chaque fois que vous en avez besoin. Cela permet également d'assurer une apparence uniforme de tout le document. Un style n'est appliqué au'au paragraphe entier.</p>
<p>Vous pouvez appliquer les styles pour créer une <a href="../UsageInstructions/CreateTableOfContents.htm" onclick="onhyperlinkclick(this)">table des matières</a> ou une <a href="../UsageInstructions/AddTableofFigures.htm" onclick="onhyperlinkclick(this)">table des figures</a>.</p>
<p class="note">Le style à appliquer depend du fait si c'est le paragraphe (normal, pas d'espace, titres, paragraphe de liste etc.) ou le texte (d'aprèz type, taille et couleur de police) que vous souhaitez mettre en forme. Différents styles sont aussi appliqués quand vous sélectionnez une partie du texte ou seulement placez le curseur sur un mot. Parfois, il faut sélectionner le style approprié deux fois de la bibliothèque de styles pour le faire appliquer correctement: lorsque vous appuyer sur le style dans le panneau pour la première fois, le style de paragraphe est appliqué. Lorsque vous appuyez pour la deuxième fois, le style du texte est appliqué.</p>
<p class="note">Le style à appliquer depend du fait si c'est le paragraphe (normal, pas d'espace, titres, paragraphe de liste etc.) ou le texte (d'aprèz type, taille et couleur de police) que vous souhaitez mettre en forme. Différents styles sont aussi appliqués quand vous sélectionnez une partie du texte ou seulement placez le curseur sur un mot. Parfois, il faut sélectionner le style approprié deux fois de la bibliothèque de styles pour le faire appliquer correctement : lorsque vous appuyer sur le style dans le panneau pour la première fois, le style de paragraphe est appliqué. Lorsque vous appuyez pour la deuxième fois, le style du texte est appliqué.</p>
<h3>Appliquer des styles par défault</h3>
<p>Pour appliquer un des styles de mise en forme disponibles,</p>
<ol>
@ -31,22 +31,25 @@
<ol>
<li>Appliquez le style nécessaire à un paragraphe.</li>
<li>Sélectionnez le texte du paragraphe et modifiez tous les paramètres de mise en forme dont vous avez besoin.</li>
<li>Enregistrez les modifications effectuées :<ul>
<li>Enregistrez les modifications effectuées :
<ul>
<li>cliquez avec le bouton droit de la souris sur le texte en cours de modification, sélectionnez l'option <b>En tant que style</b> et sélectionnez l'option <b>Mettre à jour le style 'Nomdestyle'</b> ('Nomdestyle' correspond au style appliqué à l'étape 1),</li>
<li>ou sélectionnez le fragment du texte en cours de modification avec la souris, ouvrez le menu déroulant de la galerie des styles, cliquez avec le bouton droit de la souris sur le style à modifier et sélectionnez l'option <b>Mettre à jour selon la sélection</b>.</li>
</ul>
</li>
</ol>
<p>Une fois que le style est modifié, tous les paragraphes dans le document qui a été mis en forme à l'aide de ce style vont changer leur apparence de manière correspondante.</p>
<p><b>Pour créer un tout nouveau style:</b></p>
<p><b>Pour créer un tout nouveau style :</b></p>
<ol>
<li>Mettez en forme un fragment du texte d'une manière nécessaire.</li>
<li>Choisissez une façon appropriée de sauvegarder le style:<ul>
<li>Choisissez une façon appropriée de sauvegarder le style :
<ul>
<li>cliquez avec le bouton droit de la souris sur le texte en cours de modification, sélectionnez l'option <b>En tant que style</b> et puis choisissez l'option <b>Créer un nouveau style</b>,</li>
<li>ou sélectionnez le fragment du texte à l'aide de la souris, ouvrez la liste déroulante de la galerie de styles et cliquez sur l'option <b>Nouveau style à partir du fragment sélectionné</b>.</li>
</ul>
</li>
<li>Définissez les paramètres du nouveau style dans la fenêtre <b>Créer un nouveau style</b> qui s'ouvre :<p><img alt="Fenêtre Créer un nouveau style" src="../images/createnewstylewindow.png" /></p>
<li>Définissez les paramètres du nouveau style dans la fenêtre <b>Créer un nouveau style</b> qui s'ouvre :
<p><img alt="Fenêtre Créer un nouveau style" src="../images/createnewstylewindow.png" /></p>
<ul>
<li>Spécifiez un nom du nouveau style en utilisant le champ correspondant.</li>
<li>Chosissez le style nécessaire du paragraphe suivant en utilisant la liste <b>Style du nouveau paragraphe</b>.</li>
@ -55,13 +58,15 @@
</li>
</ol>
<p>Le style créé sera ajouté à la galerie des styles.</p>
<p><b>Gérez vos styles personnalisés:</b></p>
<p><b>Gérez vos styles personnalisés :</b></p>
<ul>
<li>Pour restaurer les paramètres par défaut d'un style que vous avez modifié, cliquez avec le bouton droit de la souris sur le style que vous voulez restaurer et sélectionnez l'option <b>Restaurer les paramètres par défaut</b>.</li>
<li>Pour restaurer les paramètres par défaut de tous les styles que vous avez modifiés, cliquez avec le bouton droit de la souris sur le style dans la galerie des styles et sélectionnez l'option <b>Restaurer tous les styles par défaut</b>.<p><img alt="Edited style menu" src="../images/editedstylemenu.png" /></p>
<li>Pour restaurer les paramètres par défaut de tous les styles que vous avez modifiés, cliquez avec le bouton droit de la souris sur le style dans la galerie des styles et sélectionnez l'option <b>Restaurer tous les styles par défaut</b>.
<p><img alt="Edited style menu" src="../images/editedstylemenu.png" /></p>
</li>
<li>Pour supprimer un des styles que vous avez créé, cliquez avec le bouton droit de la souris sur le style à supprimer et sélectionnez l'option <b>Supprimer le style</b>.</li>
<li>Pour supprimer tous les nouveaux style que vous avez crées, cliquez avec le bouton droit de la souris sur un des nouveaux styles crées et sélectionnez l'option <b>Supprimer tous les styles personnalisés</b>.<p><img alt="Menu style personnalisé" src="../images/customstylemenu.png" /></p>
<li>Pour supprimer tous les nouveaux style que vous avez crées, cliquez avec le bouton droit de la souris sur un des nouveaux styles crées et sélectionnez l'option <b>Supprimer tous les styles personnalisés</b>.
<p><img alt="Menu style personnalisé" src="../images/customstylemenu.png" /></p>
</li>
</ul>
</div>

View File

@ -15,15 +15,15 @@
<input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
</div>
<h1>Insérer le code en surbrillance</h1>
<p>Dans <a target="_blank" href="https://www.onlyoffice.com/fr/document-editor.aspx" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>, vous pouvez intégrer votre code mis en surbrillance auquel le style est déjà appliqué à correspondre avec le langage de programmation et le style de coloration dans le programme choisi.</p>
<p>Dans l'<a target="_blank" href="https://www.onlyoffice.com/fr/document-editor.aspx" onclick="onhyperlinkclick(this)"><b>Éditeur de Documents</b></a>, vous pouvez intégrer votre code mis en surbrillance auquel le style est déjà appliqué à correspondre avec le langage de programmation et le style de coloration dans le programme choisi.</p>
<ol>
<li>Accédez à votre document et placez le curseur à l'endroit où le code doit être inséré.</li>
<li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <div class = "icon icon-highlight"></div> <B>Code en surbrillance</B>.</li>
<li>Spécifiez la <B>Langue</B> de programmation.</li>
<li>Choisissez le <B>Style</B> du code pour qu'il apparaisse de manière à sembler celui dans le programme.</li>
<li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <div class = "icon icon-highlight"></div> <b>Code en surbrillance</b>.</li>
<li>Spécifiez la <b>Langue</b> de programmation.</li>
<li>Choisissez le <b>Style</b> du code pour qu'il apparaisse de manière à sembler celui dans le programme.</li>
<li>Spécifiez si on va remplacer les tabulations par des espaces.</li>
<li>Choisissez la <B>Couleur de fond</B>. Pour le faire manuellement, déplacez le curseur sur la palette de couleurs ou passez la valeur de type <b>RBG</b>/<b>HSL</b>/<b>HEX</b>.</li>
<li>Cliquez sur <B>OK </B>pour insérer le code.</li>
<li>Choisissez la <b>Couleur de fond</b>. Pour le faire manuellement, déplacez le curseur sur la palette de couleurs ou passez la valeur de type <b>RBG</b>/<b>HSL</b>/<b>HEX</b>.</li>
<li>Cliquez sur <b>OK </b>pour insérer le code.</li>
</ol>
<img class="gif" alt="Gif de l'extension Surbrillance" src="../../images/highlight_plugin.gif" width="600" />
</div>