Haftungsausschluss: Dieser Artikel wurde durch maschinelle Übersetzung erstellt.

WYSIWYG-Editor

Prev Next

Pläne, die diese Funktion unterstützen: Professional Business Enterprise

HINWEIS

  • Ab dem 3. Juni 2024 ist der WYSIWYG-Editor für neue Projekte nicht mehr verfügbar.

  • Projekte, die vor diesem Datum erstellt wurden, haben weiterhin Zugriff auf den WYSIWYG-Editor. Allerdings werden künftig keine weiteren Verbesserungen oder neuen Funktionen für diesen Editor eingeführt.

  • Für das beste Erlebnis und den Zugang zu laufenden Verbesserungen empfehlen wir die Verwendung des Advanced WYSIWYG-Editors.

Der WYSIWYG (What You See Is What You Get) oder HTML-Editor ist eine von drei Editor-Optionen, die in Document360 verfügbar sind. Sie ermöglicht es Nutzern, Inhalte genau so zu erstellen und vorzuschauen, wie sie in veröffentlichten Artikeln oder Kategorieseiten auf der Knowledge Base-Website erscheinen.

HINWEIS

Du kannst nicht vom WYSIWYG-Editor zum Markdown-Editor wechseln. Sobald Artikel von Markdown in WYSIWYG konvertiert wurden, können sie nicht mehr zurückgesetzt werden. Der Wechsel von Markdown zu WYSIWYG ist jedoch möglich.


Bearbeitung des Titels und der URL eines WYSIWYG-Artikels

Um den Titel und die URL eines WYSIWYG-Artikels zu bearbeiten, folgen Sie diesen Schritten:

  1. Navigiere zum gewünschten WYSIWYG-Artikel im Knowledge Base-Portal.

  2. Klicken Sie auf den Titel in der oberen Leiste des Editors.

  3. Ein Panel erscheint mit folgenden Optionen:

    • Titel: Bearbeite den Titel des Artikels.

    • Ask Eddy AI: Klicke auf Ask Eddy AI , um drei Titelvorschläge basierend auf dem Artikelinhalt zu generieren. Um diese Funktion zu nutzen, muss Ihr Artikel mindestens 50 Zeichen enthalten.

    • URL: Bearbeiten Sie die URL des Artikels in diesem Feld. Standardmäßig wird der Slug aus dem Artikeltitel generiert.
      Wenn zum Beispiel der Artikeltitel Was ist Document360?, wird die URL zu what-is-document360.

      HINWEIS

      Für weitere Informationen lesen Sie den Artikel über URL eines Artikels ändern.

    • Beschreibung: Geben Sie eine kurze Beschreibung des Artikels ein.

The WYSIWYG editor interface showing title, URL, and description fields for editing.


WYSIWYG-Editor-Werkzeugleiste

Die WYSIWYG-Werkzeugleiste bietet verschiedene Optionen zum Bearbeiten und Formatieren von Texten, einschließlich der Möglichkeit, Mediendateien einzufügen. Die verschiedenen Toolbar-Abschnitte und ihre Verwendungen werden unten gezeigt und näher erläutert.

Document360 interface shows the toolbars of WYSIWYG editor

Ausstattung

Optionen

Beschreibung

Überschriften

Normal

Verwendet den Standard-Absatzstil. Verwenden Sie dies als regulären Hauptinhalt in Ihrem Aufsatz.

Kurs 2

Verwendet für Hauptabschnittsüberschriften. Hilft den Lesern, Schlüsselthemen in einem Artikel schnell zu identifizieren.

Kurs 3

Verwendet für Unterabschnitte unter Überschrift 2. Organisiert Inhalte in lesbaren Abschnitten innerhalb jedes Abschnitts.

Überschrift 4

Verwendet für kleinere Divisionen innerhalb des Inhalts von Überschrift 3. Hilft, komplexe Informationen detaillierter zu strukturieren.

Text formatting

Fett ()

Betonen Sie den Text in einem fetten Stil.

Kursiv ()

Betonen Sie den Text in kursivem Stil.

Unterstreichung

Füge dem ausgewählten Text eine Unterstreichung hinzu.

Durchgestrichen ()

Text mit einem Durchgestrichen durchstreichen.

Mehr Text ()

Bietet Optionen zur Aktualisierung von Schriftgröße, Schriftfamilie, Textfarbe, Hintergrundfarbe, Index, Hochstell und klarer Formatierung.

Paragraph formatting

Ungeordnete Liste ()

Erstellen Sie eine Liste mit folgenden Symbolen: •, ○, ◘. Disc - und Standardsymbole sind gleich.

Geordnete Liste ()

Um eine Liste mit Nummern für jedes Element zu erstellen. Du kannst Zahlen, Alphabete, römische Zahlen und griechische Zahlen verwenden. Die Standardwertung bezieht sich auf Zahlen.

Mehr Absätze ()

Um die Ausrichtung, die Zeilenhöhe der Absätze, Einzüge und Zitationstexte zu aktualisieren.

Insert-Optionen

Link einfügen ()

Fügen Sie dem ausgewählten Text einen Hyperlink von einer bereitgestellten URL oder einem Knowledge Base-Artikel hinzu.

Insert codeblock ()

Füge deinem Artikel einen Codeblock hinzu, zum Beispiel einen JavaScript-Ausschnitt.

Bild einfügen ()

Füge ein Bild von der URL, dem lokalen Speicher oder dem Laufwerk ein. Zum Beispiel kannst du einen Screenshot der Benutzeroberfläche hinzufügen. Du kannst auch (Strg+P) verwenden, um diese Aktion auszuführen.

Datei einfügen ()

Füge eine Datei vom Drive hinzu, zum Beispiel ein Word oder PDF.

Aufrufe einfügen ()

Fügen Sie bearbeitbare Infoboxen in Blau, Gelb und Rot hinzu, um zusätzliche, wichtige und wichtige Informationen zu erhalten.

Private Anmerkungen

Fügen Sie ein bearbeitbares internes Kommentarfeld ein, das nur für eingeloggte Teammitglieder sichtbar ist, um internes Feedback zu erhalten.

LaTeX einfügen ()

Fügen Sie mathematische Ausdrücke und Gleichungen mit der LaTeX-Syntax hinzu.

  • Um hinzuzufügen, klicken Sie auf die Option LaTeX einfügen, und ein LaTeX-Ausdruckspanel "LaTeX einfügen" erscheint. Gib deine gewünschte LaTeX-Syntax ein und klicke auf Einfügen.

    HINWEIS

    Für weitere Informationen lesen Sie diesen Hilfeartikel zu unterstützten TeX/LaTeX-Befehlen.

  • Zum Bearbeiten klicken Sie auf das Bearbeiten ()-Symbol auf dem Ausdruck. Ein Insert Latex-Ausdruckspanel erscheint. Nehmen Sie die erforderlichen Änderungen in der Syntax vor und klicken Sie auf Aktualisieren.

  • Zum Löschen klicken Sie auf das Symbol Löschen ().

Suchen & ersetzen ()

  • Suchen Sie nach und ersetzen Sie Text in Ihrem Artikel, was bei langen Artikeln nützlich ist.

Inhaltswiederverwendung ()

Wiederverwenden Sie Inhalte im gesamten Projekt mit:

  • Variable: Für Textinhalte.

  • Ausschnitt: Für Text, Bilder, Tabellen, Codeblöcke usw.

Glossar

Führen Sie eine Liste von Begriffen und deren Definitionen innerhalb der Wissensbasis.

Reicher

Video einfügen ()

Lädt Videos von Plattformen wie YouTube, Wistia, Streams oder Vimeo ein.

Tabelle einfügen ()

Füge eine Tabelle hinzu, indem du die gewünschte Anzahl von Zeilen und Spalten auswählst.

Horizontale Linie einfügen (—)

Füge eine Zeile in den Artikel ein.

Emoticons ()

Füge Emoticons ein, um die Interaktion des Artikels zu steigern.

Weitere Optionen

Codeansicht ()

Wechsle zum HTML-Syntax-Editor.

Rückgängig machen ()

Mach die vorherige Aktion rückgängig.

Redo ()

Wiederhole die vorherige Aktion.

Editor-Wechsel

Der Wechsel-Editor-Schalter wird verwendet, wenn du deinen Artikel in den erweiterten WYSIWYG-Editor umwandeln möchtest.

Klicken Sie auf den Umschalter, klicken Sie auf Wechsel zum neuen Editor, und der Artikel wird in den erweiterten WYSIWYG-Editor umgewandelt.

HINWEIS

Für Schritte und Anleitungen zur Nutzung des Advanced WYSIWYG Editors lesen Sie den Artikel über Advanced WYSIWYG Editor.

Zusätzliche Formatierungsoptionen

Bild

Sobald ein Bild zu einem Artikel hinzugefügt wurde, können Sie die folgenden Optionen aufrufen, indem Sie auf das Bild klicken:

  1. Ersetzen: Um das Bild zu ersetzen.

  2. Ausrichten: Füge eine Bildunterschrift hinzu, um das Bild auszurichten.

  3. Bildunterschrift. Dies erscheint am unteren Rand des Bildes.

  4. Entfernen: Um das Bild zu entfernen.

  5. Link einfügen: Um einen Link zum Bild hinzuzufügen. Nachdem du den Link hinzugefügt hast, kannst du den Link öffnen, entfernen und bearbeiten.

  6. Anzeige: Um die Anzeige des Bildes zu ändern. Du kannst die Optionen Inline oder Text brechen verwenden.

  7. Stil: Um den Randstil des Bildes zu ändern. Du kannst die Optionen Rund, Eingefasst und Schatten verwenden.

  8. Alternativer Text: Alternativtext für das Bild hinzufügen. Wenn die Bilddatei nicht geladen werden kann, erscheint der alternative Text in einem leeren Feld, in dem das Bild erscheint.

  9. Größe ändern: Breite und Höhe des Bildes in Pixeln anpassen. Klicken Sie auf Aktualisieren, um zu bestätigen.

  10. Erweiterte Bearbeitung: Um Ihr Bild zu bearbeiten, verwenden Sie erweiterte Werkzeuge wie Zuschneiden zum Größenverändern, Textoptionen zum Anpassen  von Fett, Kursiv, Unterstreichung, Farbe und Größe sowie Rotate zur Anpassung der Ausrichtung. Man kann auch  für detaillierte Bearbeitungen heran- oder herauszoomen, das Handwerkzeug zur Navigation nutzen und auf die Historie vorheriger Bundesstaaten zugreifen. Verwenden Sie Rückgängig machen, um Aktionen rückgängig zu machen oder zu wiederholen, Zurücksetzen, um zum Originalbild zurückzugehen, Löschen,  um bestimmte Bearbeitungen zu entfernen, oder Löschen alle, um alles zu löschen. Wenn Sie fertig sind, klicken  Sie auf Speichern, um Ihre Änderungen anzuwenden und zu speichern.

Video

Sobald Sie ein Video in einen Artikel eingebettet haben, können Sie auf die folgenden Optionen zugreifen, indem Sie im Editor-Menü links oder rechts auf das Video klicken:

  1. Ersetzen: Um das Video zu ersetzen.

  2. Entfernen: Um das Video zu entfernen.

  3. Anzeige: Um die Videoanzeige zu ändern. Du kannst die Optionen Inline oder Text brechen verwenden.

  4. Ausrichten: Zum Ausrichten des Videos.

  5. Größenänderung: Um die Größe des Videos zu ändern.

  6. Autoplay: Um die Autoplay-Option ein- oder auszuschalten.

PDF

Sobald eine PDF-Datei zu einem Artikel hinzugefügt wurde, können Sie auf die folgenden Optionen zugreifen, indem Sie auf die linke oder rechte Seite neben der PDF-Datei im Editorenfenster klicken:

  1. Entfernen: Um die PDF-Datei zu entfernen.

  2. Größe ändern: Um die Größe der PDF-Datei zu ändern.

Word-Datei

Sobald eine Tabelle zu einem Artikel hinzugefügt wurde, können Sie auf die folgende Optionen zugreifen, indem Sie auf die Tabelle klicken:

  1. Tabellenkopf: Schalten Sie den Tischkopf ein oder aus. Klicken Sie auf diesen Button, und die oberste Reihe erscheint in der Tabelle.

  2. Tisch entfernen: Um den Tisch zu entfernen. Klicken Sie auf diesen Button, und die Tabelle sowie der Inhalt werden gelöscht. Wenn du versehentlich auf Entfernen geklickt hast, kannst du immer die Aktion Rückgängig machen (Strg + Z) verwenden, um die Tabelle wiederherzustellen.

  3. Reihe: Platzieren Sie den Cursor in eine beliebige Zelle der vorgesehenen Zeile und klicken Sie auf 'Zeile oben einfügen' oder 'Zeile unten einfügen', um Zeilen zur Tabelle hinzuzufügen. Klicken Sie auf die Zeile 'Löschen', um die aktuelle Zeile zu entfernen.

  4. Spalte: Platzieren Sie den Cursor in eine beliebige Zelle der vorgesehenen Spalte und klicken Sie auf 'Spalte oben einfügen' oder 'Spalte unten einfügen', um Spalten zur Tabelle hinzuzufügen. Klicken Sie auf die Spalte "Löschen", um die aktuelle Spalte zu entfernen.

  5. Tischstil: Um den Tischstil zu ändern. Du kannst die Optionen für gestrichelte Ränder und alternative Reihen verwenden. Die Option alternative Reihen würde die Zeilenfarbe unterscheiden.

  6. Zelle: Klicken Sie auf diese Schaltfläche und wählen Sie die Aktion zum Zusammenführen oder Aufteilen der Zellen aus. Man kann eine Zelle vertikal oder horizontal beliebig oft aufteilen. Die Merge-Option wäre nur aktiviert, wenn du mehr als eine Zelle horizontal oder vertikal auswählst.

  7. Zellhintergrund: Um die Hintergrundfarbe der Zelle zu ändern. Sie können aus der verfügbaren Farbpalette wählen oder den HEX-Code eingeben.

  8. Vertikale Ausrichtung: Um die vertikale Ausrichtung des Inhalts in der Zelle zu ändern. Das kannst du für eine einzelne Zelle oder mehrere Zellauswahlen machen. Wenn die Zellenhöhe größer ist als der Inhaltspass, kannst du wählen, ob du den Inhalt oben, in der Mitte oder unten der Zelle ausrichten willst.

  9. Horizontale Ausrichtung: Um die horizontale Ausrichtung des Inhalts in der Zelle zu ändern. Das kannst du für eine einzelne Zelle oder mehrere Zellauswahlen machen. Wenn die Zellbreite größer ist als der Inhaltspass, kannst du den Inhalt im Links-, Zentrum-, Rechts- oder Justigungsstil ausrichten.

  10. Zellstil: Um den Typ der Zellgrenze zu ändern. Du kannst die Optionen Hervorgehoben (verändert die Farbe des Zellrandes) und Dick (erhöht die Zellranddicke) der ausgewählten Zelle verwenden.


Wann, wo und warum sollte man den WYSIWYG-Editor verwenden

Wer kann den WYSIWYG-Editor verwenden?

Document360-Nutzer, die sich mit HTML-Editoren wohlfühlen.

Ist der WYSIWYG-Editor einfach zu bedienen?

Die Verwendung des WYSIWYG-Editors fühlt sich ähnlich an wie eine Textverarbeitungs-Anwendung.

Zum Beispiel Microsoft Word, Google Docs usw.

Du kannst Inhalte direkt aus einem Word-Dokument oder einer anderen Quelle kopieren und einfügen. Eine spezielle Syntax ist nicht erforderlich.

Warum den WYSIWYG-Editor verwenden?

  • Im Gegensatz zum Markdown-Editor verwendet der WYSIWYG-Editor einen einzigen Bearbeitungsbereich, da der geschriebene Inhalt bereits im Vorschaumodus ist.

  • Der WYSIWYG-Editor bietet eine einzigartige Funktion zum Einfügen großer Tabellen von einer Drittanbieterseite oder einer anderen Wissensdatenbank.


Häufig gestellte Fragen

Wie kann ich die Pfeilsymbole nach oben und unten im WYSIWYG-Editor einfügen?

Im WYSIWYG-Editor können Sie mit einer der folgenden Methoden Pfeilzeichen (↑) und unten (↓) addieren:

  1. Verwendung von Tastenkombinationen

    1. Pfeil nach oben (↑): Drücken ALT + 24 Sie auf die Zahlentastatur

    2. Pfeil nach unten (↓): Drücken ALT + 25 Sie auf die Zahlentastatur

    Hinweis: Stellen Sie sicher, dass NUM LOCK auf Ihrer Tastatur aktiviert ist, wenn Sie diese Verknüpfungen verwenden.

  2. Verwendung von Unicode in der Code-Ansicht

    Wenn du dich wohlfühlst, in der Code View des WYSIWYG-Editors zu bearbeiten, kannst du die folgenden Unicode-Werte einfügen:

    1. Pfeil nach oben: ↑

    2. Pfeil nach unten: ↓

Diese Methoden ermöglichen es Ihnen, Pfeilzeichen überall dort einzufügen, wo sie in Ihrem Artikelinhalt benötigt werden.