mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 01:31:33 +08:00
120 lines
10 KiB
HTML
120 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Diagramme erstellen und einfügen</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="If you need to create a lot of various and complex diagrams, ONLYOFFICE Document Editor provides you with a draw.io plugin that can create and configure such diagrams" />
|
|
<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="Search" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Diagramme erstellen und einfügen</h1>
|
|
<p>Wenn Sie viele verschiedene und komplexe Diagramme erstellen müssen, stellt Ihnen ONLYOFFICE <a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Dokumenteneditor</b></a> ein draw.io-Plugin zur Verfügung, mit dem Sie solche Diagramme erstellen und konfigurieren können.</p>
|
|
<p class="note">Ab ONLYOFFICE Docs 8.2 sind standardmäßig keine Plugins mehr in den Editoren enthalten. Die Plugins müssen über den <a href="https://helpcenter.onlyoffice.com/de/ONLYOFFICE-Editors/Editors-User-Guides/AllEditors/Plugin-manager.aspx" target="_blank">Plugin-Manager</a> installiert werden.</p>
|
|
<ol>
|
|
<li>Wählen Sie die Stelle auf der Seite aus, an der Sie ein Diagramm einfügen möchten.</li>
|
|
<li>Wechseln Sie zur Registerkarte <b>Plugins</b> und klicken Sie auf <div class="icon icon-drawio"></div> <b>draw.io</b>.</li>
|
|
<li>
|
|
Das Fenster <b>draw io</b> wird geöffnet und enthält die folgenden Abschnitte:
|
|
<ul>
|
|
<li>Die <b>obere Symbolleiste</b> enthält Tools zum Verwalten von Dateien, Konfigurieren der Schnittstelle, Bearbeiten von Daten über die Registerkarten <em>Datei</em>, <em>Bearbeiten</em>, <em>Ansicht</em>, <em>Anordnen</em>, <em>Extras</em>, <em>Hilfe</em> und entsprechende Optionen.</li>
|
|
<li>Die <b>linke Seitenleiste</b> enthält verschiedene Formen zur Auswahl: <em>Standard</em>, <em>Software</em>, <em>Netzwerk</em>, <em>Business</em>, <em>Andere</em>. Um den standardmäßig verfügbaren Formen neue hinzuzufügen, klicken Sie auf die Schaltfläche <b>Weitere Formen</b>, wählen Sie die erforderlichen Objekttypen aus und klicken Sie auf <b>Anwenden</b>.</li>
|
|
<li>
|
|
Die <b>rechte Seitenleiste</b> enthält Tools und Einstellungen zum Anpassen von Arbeitsblättern, Formen, Diagrammen, Blättern, Texten und Pfeilen:
|
|
<ul>
|
|
<li>
|
|
Die <b>Arbeitsblatt</b>-Einstellungen:
|
|
<ol>
|
|
<li>
|
|
Die Registerkarte <b>Diagramm</b>:
|
|
<ul>
|
|
<li><b>Ansicht</b>: <em>Gitternetz</em>, dessen Größe und Farbe, <em>Seitenansicht</em>, <em>Hintergrund</em> - hier können Sie entweder ein lokales Bild auswählen oder die URL angeben, oder über die Farbpalette unter <b>Hintergrundfarbe</b> eine passende Farbe auswählen, sowie <em>Schatten</em>- und <b>Skizze</b>-Effekte hinzufügen.</li>
|
|
<li><b>Optionen</b>: <em>Verbindungspfeile</em>, <em>Verbindungspunkte</em>, <em>Führungslinien</em>.</li>
|
|
<li><b>Papiergröße</b>: <em>Hochformat</em> oder <em>Querformat</em> mit angegebenen Längen- und Breitenparametern.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Die Registerkarte <b>Style</b>:
|
|
<ul>
|
|
<li>Wählen Sie die gewünschte Farbvorgabe und legen Sie die Effekte <b>Skizze</b> und <b>Abgerundet</b> fest.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li>
|
|
<b>Form</b>einstellungen:
|
|
<ol>
|
|
<li>
|
|
Die Registerkarte <b>Style</b>:
|
|
<ul>
|
|
<li><b>Farbe</b>: <em>Füllen</em>, <em>Verlauf</em>. Verwenden Sie das <b>Pipetten-Werkzeug</b>, um eine benutzerdefinierte Farbe zu erstellen.</li>
|
|
<li><b>Linie</b>: <em>Farbe</em>, <em>Typ</em>, <em>Breite</em>, <em>Umfang</em>.</li>
|
|
<li><b>Deckkraft</b>.</li>
|
|
<li>Grafische Effekte: <b>Abgerundet</b>, <b>Glas</b>, <b>Skizze</b> und <b>Schatten</b>.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Die Registerkarte <b>Text</b>:
|
|
<ul>
|
|
<li><b>Schrift</b>: <em>Typ</em>, <em>Größe</em>.</li>
|
|
<li><b>Textformatierung</b>: <em>Fett</em>, <em>Kursiv</em>, <em>Unterstrichen</em>.</li>
|
|
<li><b>Horizontale Ausrichtung</b>: <em>Links</em>, <em>Zentriert</em>, <em>Rechts</em>.</li>
|
|
<li><b>Vertikale Ausrichtung</b>: <em>Vertikale</em> Textausrichtung, <em>Oben</em>, <em>Mitte</em>, <em>Unten</em>.</li>
|
|
<li><b>Position</b>: <em>Oben links</em>, <em>Oben</em>, <em>Oben rechts</em>, <em>Links</em>, <em>Zentriert</em>, <em>Rechts</em>, <em>Unten links</em>, <em>Unten</em>, <em>Unten rechts</em>.</li>
|
|
<li><b>Textrichtung</b>: <em>Automatisch</em>, <em>Von links nach rechts</em>, <em>Von rechts nach links</em>.</li>
|
|
<li><b>Schriftfarbe</b>.</li>
|
|
<li><b>Hintergrundfarbe</b>.</li>
|
|
<li><b>Rahmenfarbe</b>.</li>
|
|
<li><b>Autom. Zeilenumbruch</b>.</li>
|
|
<li><b>Formatierter Text</b>.</li>
|
|
<li><b>Deckkfraft</b>.</li>
|
|
<li><b>Abstand</b>: <em>Oben</em>, <em>Global</em>, <em>Links</em>, <em>Unten</em>, <em>Rechts</em>.</li>
|
|
<li>Die Schaltfläche <b>Formatierung entfernen</b>.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Die Registerkarte <b>Anordnen</b>:
|
|
<ul>
|
|
<li><b>Tiefenanordnung</b>: <em>Nach vorne</em>, <em>Nach hinten</em>, <em>Eine Ebene nach vorne</em>, <em>Eine Ebene nach hinten</em>.</li>
|
|
<li><b>Größe</b>: <em>Größe anpassen</em>, <em>Breite</em>, <em>Höhe</em>, <em>Proportionen beibehalten</em>.</li>
|
|
<li><b>Position</b>: <em>Links</em>, <em>Oben</em>.</li>
|
|
<li><b>Winkel</b>: Wert in Grad, <em>Nur Form um 90° drehen</em>.</li>
|
|
<li><b>Spiegeln</b>: <em>Horizontal</em>, <em>Vertikal</em>.</li>
|
|
<li><b>Ausrichten</b>: <em>Am Raster ausrichten</em>.</li>
|
|
<li>Die Schaltfläche <b>Gruppieren</b>.</li>
|
|
<li>Die Schaltfläche <b>Größe kopieren</b>.</li>
|
|
<li>Die Schaltfläche <b>Zurücksetzen</b>: <em>Zurücksetzen</em>, <em>Wegpunkte</em>, <em>Verbindungspunkte</em>.</li>
|
|
<li>Die Schaltfläche <b>Sperren/Entsperren</b>, um die Bearbeitung einzuschränken.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li>
|
|
Die <b>Pfeilen</b>einstellungen:
|
|
<ul>
|
|
<li><b>Füllen</b>: <em>Füllfarbe</em>, <em>Verlauf</em>.</li>
|
|
<li><b>Linie</b>: <em>Form</em>, <em>Farbe</em>, <em>Verbindung</em>, <em>Muster</em>, <em>Breite</em>, <em>Wegpunkte</em>, <em>Linienanfang</em>, <em>Linienende</em>.</li>
|
|
<li><b>Deckkraft</b>.</li>
|
|
<li>Grafische Effekte: <b>Skizze</b> und <b>Schatten</b>.</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><b>Arbeitsbereich</b> zum Anzeigen von Diagrammen sowie zum Eingeben und Bearbeiten von Daten. Hier können Sie Objekte verschieben, sequentielle Diagramme erstellen und Objekte mit Pfeilen verbinden.</li>
|
|
<li>
|
|
Die <b>Statusleiste</b> enthält Navigationstools zum bequemen Wechseln und Verwalten zwischen Blättern.
|
|
<p><img alt="Draw io diagram" src="../images/drawio_diagram.png" /></p>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<p>Verwenden Sie diese Tools, um das erforderliche Diagramm zu erstellen, bearbeiten Sie es und klicken Sie nach der Fertigstellung auf die Schaltfläche <b>Einfügen</b>, um es dem Dokument hinzuzufügen.</p>
|
|
</div>
|
|
</body>
|
|
</html> |