mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 05:03:55 +08:00
121 lines
10 KiB
HTML
121 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Créer et ajouter des diagrammes</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Si vous avez besoin de créer des diagrammes variés et complexes, l'éditeur de documents ONLYOFFICE vous propose le module complémentaire draw.io qui permet de créer et de configurer des diagrammes." />
|
|
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
|
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<div class="search-field">
|
|
<input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Créer et ajouter des diagrammes</h1>
|
|
<p>Si vous avez besoin de créer beaucoup de diagrammes variés, <a href="https://www.onlyoffice.com/fr/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>l'éditeur de documents</b></a> ONLYOFFICE propose le module complémentaire draw.io qui permet de créer et de configurer des diagrammes.</p>
|
|
<p class="note">À partir de la version 8.2 ONLYOFFICE Docs, aucun module complémentaire n'est inclus dans l'éditeur par défaut. Il faut installer des modules complémentaires à l'aide du <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/Editors-User-Guides/AllEditors/Plugin-manager.aspx" target="_blank">Gestionnaire de plugins</a>.</p>
|
|
<ol>
|
|
<li>Sélectionner l'endroit sur la page où vous voulez insérer un diagramme.</li>
|
|
<li>Passez à l'onglet <b>Modules complémentaires</b> et cliquez sur <div class="icon icon-drawio"></div> <b>draw.io</b>.</li>
|
|
<li>
|
|
la fenêtre <b>draw io</b> qui s'affiche inclut trois sections:
|
|
<ul>
|
|
<li><b>Barre d'outils supérieure</b> comprend des outils pour gérer des fichiers, configurer l'interface, modifier des données à l'aide des onglets <em>Fichier</em>, <em>Modifier</em>, <em>Vue</em>, <em>Organiser</em>, <em>Suppléments</em>, <em>Aide</em> et des options appropriées.</li>
|
|
<li><b>Barre latérale gauche</b> comprend des formes variées à votre choix: <em>Standard</em>, <em>Logiciel</em>, <em>Réseautage</em>, <em>Entreprise</em>, <em>Autre</em>. Pour ajouter de nouveaux formes aux formes proposées par défaut, cliquez sur <b>Plus d'icônes</b>, sélectionnez les types d'objets nécessaires et cliquez sur <b>Appliquer</b>.</li>
|
|
<li>
|
|
<b>Barre latérale droite</b> comprend des outils et des options pour personnaliser la feuille, les formes, les graphiques, les pages, le texte et les flèches:
|
|
<ul>
|
|
<li>
|
|
Paramètres de la <b>feuille</b>:
|
|
<ol>
|
|
<li>
|
|
Onglet <b>Diagramme</b>:
|
|
<ul>
|
|
<li><b>Vue</b>: <em>Grille</em>, la taille et la couleur, <em>Aperçu de la page</em>, <em>Arrière-plan</em> - vous pouvez sélectionner une image sur votre ordinateur ou à partir d'une URL, ou choisissez une couleur appropriée de la palette <b>Couleur d'arrière-plan</b>, ainsi que des effets <em>Ombre</em> et <em>Croquis</em>.</li>
|
|
<li><b>Options</b>: <em>Flèches de connexion</em>, <em>Points de connexion</em>, <em>Guides</em>.</li>
|
|
<li><b>Taille du papier</b>: Orientation <em>Portrait</em> ou <em>Paysage</em> avec les paramètres de longueur et largeur fixés.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Onglet <b>Style</b>:
|
|
<ul>
|
|
<li>Sélectionnez la couleur nécessaire et définissez l'effet <b>Croquis</b> et <b>Arrondi</b>.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li>
|
|
Paramètres de <b>forme</b>:
|
|
<ol>
|
|
<li>
|
|
Onglet <b>Style</b>:
|
|
<ul>
|
|
<li><b>Couleur</b>: <em>Couleur de remplissage</em>, <em>Gradient</em>. Utilisez l'outil Pipette pour créer une couleur personnalisée.</li>
|
|
<li><b>Ligne</b>: <em>Couleur</em>, <em>Type</em>, <em>Épaisseur</em>, <em>Périmètre</em>.</li>
|
|
<li><b>Opacité.</b></li>
|
|
<li>Effets graphiques: <b>Arrondi</b>, <b>Verre</b>, <b>Croquis</b> et <b>Ombre</b>.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Onglet <b>Texte</b>:
|
|
<ul>
|
|
<li><b>Police</b>: <em>type</em>, <em>taille</em>.</li>
|
|
<li><b>Mise en forme du texte</b>: <em>Gras</em>, <em>Italique</em>, <em>Souligné</em>.</li>
|
|
<li><b>Alignement horizontal</b>: <em>Gauche</em>, <em>Centrer</em>, <em>Droite</em>.</li>
|
|
<li><b>Alignement vertical</b>: <em>Vertical/orientation du texte</em>, <em>En haut</em>, <em>Au centre</em>, <em>En bas</em>.</li>
|
|
<li><b>Position</b>: <em>Aligner en haut à gauche</em>, <em>En haut</em>, <em>Aligner en haut à droite</em>, <em>Gauche</em>, <em>Centrer</em>, <em>Droite</em>, <em>Aligner en bas à gauche</em>,<em> En bas</em>, <em>Aligner en bas à droite</em>.</li>
|
|
<li><b>Sens de l'écriture</b>: <em>Automatique</em>, <em>De gauche à droite</em>, <em>Droite à gauche</em>.</li>
|
|
<li><b>Couleur de la police.</b></li>
|
|
<li><b>Couleur d'arrière plan.</b></li>
|
|
<li><b>Couleur de la bordure.</b></li>
|
|
<li><b>Retour à la ligne.</b></li>
|
|
<li><b>Texte mis en forme.</b></li>
|
|
<li><b>Opacité.</b></li>
|
|
<li><b>Espacement:</b> <em>En haut</em>, <em>Global</em>, <em>Gauche</em>, <em>En bas</em>, <em>Droite</em>.</li>
|
|
<li>Bouton <b>Effacer la mise en forme</b>.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Onglet <b>Organiser</b>:
|
|
<ul>
|
|
<li><b>Disposition</b>: <em>Placer au-dessus</em>, <em>Places en dessous</em>, <em>Faire avancer</em>, <em>Envoyer en arrière</em>.</li>
|
|
<li><b>Taille</b>: <em>Taille automatique</em>, <em>Largeur</em>, <em>Hauteur</em>, <em>Restreindre les proportions</em>.</li>
|
|
<li><b>Position</b>: Gauche, En haut.</li>
|
|
<li>Angle: valeur mesurée en degrés, <em>Pivoter </em><em>90°</em>.</li>
|
|
<li><b>Retourner</b>: <em>Horizontal</em>, <em>Vertical</em>.</li>
|
|
<li><b>Aligner</b>: <em>Accrocher à la grille</em>.</li>
|
|
<li>Bouton <b>Grouper</b>.</li>
|
|
<li>Bouton <b>Copie de la taille</b>.</li>
|
|
<li><b>Réinitialiser</b>: <em>Réinitialiser</em>, <em>Repères</em>, <em>Points de connexion</em>.</li>
|
|
<li><b>Bloquer/Débloquer</b> pour restreindre l'édition.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
|
|
</li>
|
|
<li>
|
|
Paramètres de <b>flèche</b>:
|
|
<ul>
|
|
<li><b>Couleur</b>: <em>Couleur de remplissage</em>, <em>Gradient</em>.</li>
|
|
<li><b>Ligne</b>: <em>Forme</em>, <em>Couleur</em>, <em>Connexion</em>, <em>Modèle</em>, <em>Largeur</em>, <em>Repères</em>, <em>Début de la ligne</em>, <em>Fin de la ligne</em>.</li>
|
|
<li><b>Opacité</b>.</li>
|
|
<li>Effets graphiques: <b>Croquis</b>, <b>Ombre</b>.</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><b>Zone de travail</b> permet d'afficher les diagrammes, d'entrer et de modifier des données. Dans cette zone, vous pouvez déplacer des objets, créer des diagrammes de séquence et connecter des objets à l'aide des flèches.</li>
|
|
<li>
|
|
<b>Barre d'état</b> comprend des outils de navigation pour parcourir et gérer des pages de manière convenable.
|
|
<p><img alt="Diagramme Draw io" src="../images/drawio_diagram.png" /></p>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<p>Utilisez ses outils pour créer et modifier la diagramme nécessaire, et une fois terminé, cliquez sur le bouton Insérer pour ajouter la diagramme au document.</p>
|
|
</div>
|
|
</body>
|
|
</html> |