Fortgeschrittener WYSIWYG-Editor

Der Advanced WYSIWYG-Editor kombiniert ein leichtes Design mit leistungsstarken, reichhaltigen Textbearbeitungsmöglichkeiten und unterstützt eine spezifische Markdown-Syntax. Es bietet ein sehr visuelles und intuitives Erlebnis, das traditionelle Markdown-Editoren übertrifft, aber mehr Flexibilität als die WYSIWYG-Editoren bietet.

VORSICHT

Artikel, die vom Markdown- oder WYSIWYG-Editor zum Advanced WYSIWYG-Editor gewechselt wurden, können nicht rückgängig gemacht werden.

Erkundung des fortgeschrittenen WYSIWYG-Editors

Verwendung des Advanced WYSIWYG-Editors

Vergabe eines Artikelnamens

Wenn Sie einen Artikel erstellen, geben Sie ihm einen Namen an. Im Advanced WYSIWYG-Editor erscheint der Artikeltitel oben im Inhaltsbereich des Artikels. Klicken Sie auf den Titel, um ihn zu bearbeiten. Sie werden folgende Optionen sehen:

Titel vorschlagen:

1. Eddy AI schlägt drei Titeloptionen für deinen Artikel vor. Wählen Sie den gewünschten Titel aus und bearbeiten Sie ihn bei Bedarf.

2. Klicken Sie auf Weitere Vorschläge generieren , um weitere Titeloptionen zu sehen.

3. Benutze die Buttons "Gefällt mir" () und "Nicht gefällt mir", um Feedback zu den Vorschlägen von Eddy AI zu geben.

URL & Beschreibung:

1. URL: Bearbeiten Sie die URL des Artikels in diesem Feld. Standardmäßig erstellt Document360 die URL (auch bekannt als Slug) basierend auf dem Artikeltitel zum Zeitpunkt der Erstellung. Wenn zum Beispiel der Artikeltitel "Was ist Document360?" lautet, wird die URL zu what-is-document360.

   HINWEIS

   Für weitere Informationen lesen Sie den Artikel auf Change the URL of an article.

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

HINWEIS

Um Artikelmetadaten wie SEO settings, search visibility, tags, labels, attachmentsrelated articlesstatus indicatorfeatured image, preferenceszu bearbeiten deprecation, klicken Sie auf das Mehr-Symbol (⋯) oben rechts im Editor und wählen Sie dann die Optionen für mehr Artikel.

Du kannst das Schnelleinfügenmenü , den Schrägstrichbefehl und die spezifische Markdown-Syntax verwenden, um Inhalte im erweiterten WYSIWYG-Editor zu erstellen und zu bearbeiten.

Schnell-Einfüge-Menü

Das Schnelleinsatzmenü erscheint als schwebende Option innerhalb eines leeren Blocks. Sie ermöglicht es Nutzern, häufig verwendete Elemente schnell zu ihren Artikeln hinzuzufügen.

Die verfügbaren Optionen im Quick Insert-Menü sind:

• Eddy AI Writer (): Generiere KI-gesteuerte Inhalte direkt in deinem Artikel.

• Aufzählungsliste (): Eine Aufzählungsliste einfügen. Nutzen Sie das Dropdown-Menü, um Standard, Disc, Quadrat oder Kreis auszuwählen.

• Tabelle (): Fügen Sie eine Tabelle hinzu, um die Daten zu strukturieren.

• Bild (): Laden Sie ein Bild hoch und fügen Sie es ein.

  HINWEIS

  • Verwenden Sie die verfügbaren Werkzeuge, um das Bild zu formatieren. Klicken Sie auf das Bild, um das schwebende Formatierungsmenü zu öffnen.

  • Man kann ausrichten, zuschneiden, Ränder hinzufügen, Schatten hinzufügen, Bildunterschriften hinzufügen und mehr.

    Für weitere Informationen lesen Sie den Artikel auf Image formatting in the Advanced WYSIWYG editor.

• Link (): Fügen Sie einen Hyperlink hinzu. Du kannst auch die Tastenkombination Ctrl + K nutzen.

• Codeblock (): Fügen Sie einen Codeblock für technische Inhalte ein. Klicken Sie innerhalb des Codeblocks, um auf die kontextuelle Werkzeugleiste zuzugreifen:

  • Sprachen-Dropdown: Wählen Sie die gewünschte Sprache aus

  • Kopieren: Um den Codeblock zu kopieren

• Mehr: Klicken Sie auf Mehr, um über das Slash-Menü auf weitere Formatierungsoptionen zuzugreifen.

HINWEIS

• Das Schnell-Einfügen-Menü erscheint nur, wenn der Block leer ist.

• Sie verschwindet automatisch, sobald du mit dem Tippen beginnst.

• Wenn du den Inhalt in einem Block löschst, erscheint das Menü "Quick Insert" erneut.

Beginne mit Eddy AI zu schreiben, wähle eine Vorlage aus und importiere Dokumente

Wenn der Artikel im erweiterten WYSIWYG-Editor leer ist, können Sie Ihre Inhalte mit den folgenden Optionen erstellen:

ein. Fang an zu schreiben mit Eddy AI

1. Klicken Sie auf Schreiben mit Eddy AI.

2. Wählen Sie eine der verfügbaren Optionen aus:

   1. Artikel schreiben

   2. Erstellen Sie eine Aufsatzgliederung

   3. Erstellen Sie einen Artikel aus Video

   4. Erstellen Sie einen Artikel aus einem Medientranskript oder einer Textdatei

3. Gib dein gewünschtes Thema oder Prompt ein.

   Die KI erstellt einen ersten Entwurf basierend auf den ausgewählten Optionen und den bereitgestellten Eingaben.

HINWEIS

Für weitere Informationen lesen Sie den Artikel auf AI Writer.

b. Wähle eine Vorlage aus

1. Klicken Sie auf "Eine Vorlage auswählen".

   Ein Panel erscheint mit verfügbaren Vorlagen.

2. Wählen Sie die gewünschte Vorlage aus und schauen Sie sie vor.

3. Klicken Sie auf "Verwenden Sie diese  Vorlage", umIhren Artikel mit vordefinierten Inhalten zu strukturieren.

   Der Name des Artikels und der Slug werden automatisch mit dem Titel der Vorlage gefüllt.

HINWEIS

Für weitere Informationen lesen Sie den Artikel auf Templates.

C. Dokument importieren

1. Klicken Sie auf Dokument importieren.

   Das Import-Panel erscheint.

2. Lade eine .docx Datei per Drag-and-Drop hoch oder lade dann eine  Datei hoch.

   Der Artikelname und der Slug werden automatisch basierend auf dem Namen der hochgeladenen Datei generiert.

HINWEIS

• Die Optionen "Mit Eddy AI beginnen, eine Vorlage auswählen" und Dokumente importieren erscheinen deutlich, wenn der Artikeleditor leer ist.

• Sobald du manuell tippst, verschwinden die Optionen.

• Wenn du den Inhalt im Editor löschst, erscheinen diese Optionen wieder für einen einfachen Zugriff.

Schrägstrichbefehle

Geben Sie im Editor ein, / dann erscheint eine Liste mit Optionen. Du kannst auch nach den Optionen suchen, indem du die Befehlsnamen eingibst. Klicken Sie auf den gewünschten Befehl oder drücken Sie die Enter-Taste , um den Befehl auszuwählen.

HINWEIS

Stellen Sie sicher, dass Sie am Anfang einer Zeile oder nach einem Leerzeichen tippen / . Die Optionen erscheinen nicht, wenn du sie direkt nach einem Charakter tippst. Du kannst jeden Befehl und Abschnitt in Schrägstrichbefehlen mit den Pfeiltasten oben, unten, rechts und links durchlaufen.

Du kannst auch ganz einfach auf Eddy AI Writer direkt oben im Slash-Menü zugreifen. Zusätzlich sind die Schrägstrich-Befehlsoptionen in drei Abschnitte unterteilt:

HINWEIS

Tabellen

Beim Auswählen /table aus dem Schrägstrichmenü erscheint ein Untermenü mit einer Rasterpalette:

• Die Standardauswahl ist eine Tabelle 3 × 3 .

• Du kannst mit der Palette in eine Tabelle einfügen.

• Benutze die Tastatur oder die Maus, umdie Auswahl zu ändern.

• Nach der Erstellung einer Tabelle kannst du mit dem +- Symbol weitere Zeilen und Spalten hinzufügen. Für weitere Informationen lesen Sie das Tables in Advanced WYSIWYG editor.

Trennwände

Beim Auswählen /divider aus dem Schrägstrichmenü erscheint ein Untermenü , das drei Trennungsstile zeigt:

• Fest (Standard)

• Punktiert

• Gestrichen

Markdown-Syntax

Der Advanced WYSIWYG-Editor unterstützt eine breite Palette von Markdown-Syntaxen; Für eine detaillierte Liste lesen Sie den Artikel zu Markdown-Grundlagen.

Wenn Sie zum Beispiel eine Überschrift 2 hinzufügen möchten, geben Sie folgende Syntax ein: ## Markdown syntax. Die Syntax wird gerendert und Überschrift 2 wird sofort hinzugefügt.

HINWEIS

• Die Markdown-Syntax funktioniert nur, wenn du sie manuell eintippst. Sie wird nicht gerendert, wenn du die Syntax kopierst und einfügst.

• Um die Liste der nicht unterstützten Markdown-Syntax einzusehen, lesen Sie den Artikel auf Advanced WYSIWYG editor basics.

Werkzeugleiste

Um das Layout oder Erscheinungsbild des Inhalts zu ändern, verwenden Sie die Rich-Formatierungsoptionen des erweiterten WYSIWYG-Editors.

Während des Bearbeitens im erweiterten WYSIWYG-Editor klickt man auf das Format ()-Symbol auf der rechten Seite des Editor-Panels.

HINWEIS

Indem Sie die Option Pin ()) auswählen, können Sie die Toolbar an die rechte Seite der Editor-Oberfläche verankern. Wenn die Werkzeugleiste angepinnt ist, bleibt der Kategorienbaum erweitert, während Sie zwischen den Artikeln navigieren, was es erleichtert, zwischen ihnen zu wechseln, ohne den Kategorienbaum jedes Mal zu erweitern, während die Formatierungsleiste im Editor angepinnt bleibt.

Auf kleineren Bildschirmen (unter 1280 px) klappt der Kategorienbaum automatisch zusammen, wenn man zwischen den Artikeln wechselt.

1. Textstile

• Rückgängig machen (): Um die letzte Aktion rückgängig zu machen.

• Erneut (): Um die letzte rückgängige Aktion erneut anzuwenden.

• Format Painter (): Um Formatierung von einem Teil des Textes auf einen anderen zu kopieren und anzuwenden.

• Löschen (): Um alle Stilierungen aus ausgewähltem Text zu entfernen.

• Lettercase (): Um den Buchstaben des Textes zu ändern.

2. Überschriften

• : Um den H2-Stil (Überschrift 2) auf den ausgewählten Text anzuwenden.

• : Um den H3-Stil (Überschrift 3) auf den ausgewählten Text anzuwenden.

• : Um den H4-Stil (Überschrift 4) auf den ausgewählten Text anzuwenden.

• Absatz (): Um den Standardabsatzstil auf den ausgewählten Text anzuwenden.

3. Typografie

• Schriftartfamilie: Um die Schriftart für den Text auszuwählen.

• Schriftgröße: Um die Größe des ausgewählten Textes anzupassen.

HINWEIS

Wenn du den Inhalt im erweiterten WYSIWYG-Editor einfügst, wird der Schrifttyp standardmäßig auf Verdana gesetzt.

• Um die Schriftarteneinstellungen in Ihrer Wissensdatenbank zu ändern, navigieren Sie in der linken Navigationsleiste zu ().

• Im linken Navigationsfeld navigieren Sie zu Knowledge base site > Customize site.

• Wählen Sie im Dropdown-Menü der Seitenschriftart die gewünschte Schriftart aus.

4. Palette

• Schriftfarbe: Um die Farbe des ausgewählten Textes zu ändern.

• Hintergrundfarbe: Um eine Hintergrundfarbe für den ausgewählten Text festzulegen.

5. Formatierung & Listen

• Fett (): Um den ausgewählten Text fett zu markieren.

• Kursiv (): Um den ausgewählten Text kursiv zu setzen.

• Unterstreichen (): Um den ausgewählten Text zu unterstreichen.

• Durchstreichen (): Um einen Durchstrich auf den ausgewählten Text anzuwenden.

• Inline code (): Um Inline-Code zum Text hinzuzufügen.

• Links ausrichten (): Um den Textinhalt mit dem linken Rand auszurichten.

• Center (): Um Ihren Textinhalt zu zentrieren.

• Rechts ausrichten (): Um den Textinhalt mit dem rechten Rand auszurichten.

• Justify (): Um den Textinhalt gleichmäßig zwischen den Rändern zu verteilen.

• Aufzählungsliste (): Um eine Liste mit Symbolen für jedes Element hinzuzufügen.

• Nummerierte Liste (): Um eine Liste mit Nummerierung für jedes Element hinzuzufügen.

• Mehrstufige Nummerierungsliste (): Um für jedes Element eine Liste mit mehrstufiger Nummerierung hinzuzufügen.

• Checkliste (): Um eine Liste hinzuzufügen, die mit Kontrollkästchen gekennzeichnet ist, die Benutzer als vollständig oder unvollständig markieren können.

6. Steuerungen

• Einzug vergrößern (): Um den Inhalt weiter vom Rand entfernt zu verschieben.

• Einzug verringern (): Um den Inhalt näher an den Rand zu verschieben.

• Index (): Um den Text unter die Grundlinie zu senken.

• Superscript (): Um den Text über die Grundlinie zu heben.

• Zeilenhöhe (): Um den Abstand zwischen den Zeilen auszuwählen.

• Buchstabenabstand (): Um den Abstand zwischen den Buchstaben zu ändern.

• Zeilenumbruch (): Um auf die folgende Zeile zu wechseln.

• Seitenumbruch (): Um anzugeben, wo die aktuelle Seite endet und die nächste Seite beginnt, während Inhalte als PDF exportiert werden.

PRO-TIPP

Um die Ebene deiner Aufzählungs- oder Nummerierungsliste zu ändern, kannst du entweder die Einzug erhöhen () oder Einzug verringern () aus der Werkzeugleiste verwenden. Alternativ kannst du die Tastenkombinationen Tab verwenden, um Einzug zu erhöhen, oder Shift+Tab, um Einzug zu verringern.

Finden und ersetzen

Um die Funktion "Suchen und Ersetzen" im erweiterten WYSIWYG-Editor zu verwenden:

1. Klicken Sie auf das Symbol More () oben rechts.

2. Wähle im Menü Suchen und ersetzen .

HINWEIS

Für weitere Informationen lesen Sie den Artikel auf Find and replace.

Einfügen von FAQ-Vorlagen im erweiterten WYSIWYG-Editor

Um FAQ-Vorlagen im erweiterten WYSIWYG-Editor einzufügen:

1. Navigieren Sie zum gewünschten Ort im Artikel.  

2. Gib den Schrägstrich-Befehl /FAQs ein und wähle die FAQs aus der Liste aus.

   Document360 fügt Ihrem Artikel drei FAQ-Akkordeon-Vorlagen hinzu.

3. In den eingefügten FAQ-Vorlagen können Sie folgende Optionen ausführen:

   1. Einstellungen (): Klicken Sie, um die FAQ-Vorlagen nach Ihren Vorlieben anzupassen.

   2. Expand/Collapse (): Klicken Sie, um die FAQ-Akkordeons zu erweitern oder zusammenzuklappen.

   3. Löschen (): Klicken Sie hier, um den gesamten FAQ-Abschnitt zu entfernen.

   4. Frage hinzufügen (): Klicken Sie zwischen den FAQs, um weitere benutzerdefinierte FAQs einzufügen.

HINWEIS

• FAQ-Vorlagen unterscheiden sich vom KI-FAQ-Generator.

• Für weitere Informationen lesen Sie den Artikel AI FAQ generator.

Codeansicht ()

• Ermöglicht es Ihnen, Inhalte im HTML-Code-Format anzusehen und zu bearbeiten.

• Wenn du zur Code-Ansicht wechselst, formatiert der Editor das HTML automatisch für bessere Lesbarkeit. Diese Formatierung standardisiert Einzüge und Abstände, ohne die zugrundeliegende HTML-Struktur zu verändern.

• Die automatische Formatierung läuft jedes Mal, wenn Sie die Code-Ansicht eingeben. Benutzerdefinierte HTML- und Skriptblöcke sind nicht betroffen, und Formatierungen werden beim Speichern oder Veröffentlichen nicht angewendet.

• Der Wechsel zur Code-Ansicht ermöglicht es, benutzerdefinierte HTML-Elemente hinzuzufügen, Inline-Stile anzuwenden oder präzise Anpassungen vorzunehmen.

• Verwenden Sie Strg + F, um eine persistente Suche in der Code-Ansicht durchzuführen:

  • Drücken Sie Enter, um zum nächsten Vorkommen des Suchbegriffs zu navigieren.

  • Drücken Sie Shift + Enter, um zum vorherigen Vorfall zu navigieren.

• Im Code-Ansichtsfeld ist das More ()-Symbol deaktiviert.

HINWEIS

• Sie müssen auf die Schaltfläche Speichern klicken, um die Änderungen in der Codeansicht zu speichern.

• Die geordnete und ungeordnete Liste verzichtet auf sequentielle Reihenfolge.

• Verschachtelte Listentypen werden in den folgenden Szenarien nicht unterstützt:

  • Wenn der Inhalt kopiert und eingefügt wird.

  • In bestimmten Szenarien der Inhaltsmigration.

Hinzufügen eines Inline-Kommentars im erweiterten WYSIWYG-Editor

1. Navigiere zu deinem gewünschten Artikel im Knowledge Base-Portal.

2. Wählen Sie den gewünschten Text aus, um einen Kommentar hinzuzufügen, und es erscheint ein schwebendes Menü.

3. Klicken Sie auf das Kommentar- ()-Symbol im schwebenden Menü.

4. Verwenden Sie grundlegende Formatierungswerkzeuge wie Fettdruck und Listen. Verwenden Sie zusätzlich das @ -Symbol, um Ihre Projektteammitglieder zu erwähnen, falls nötig.

5. Wenn du fertig bist, klicke auf das Senden ()-Symbol.

HINWEIS

Um diesen Modus auszuschalten, navigiere zum Knowledge Base-Portal, Dokumentation () in der linken Navigationsleiste.

Im linken Navigationsfenster navigieren Sie zu Inhaltstools > Workflow-Designer. Fahren Sie mit der Maus über den gewünschten Status, klicken Sie auf das Bearbeiten (✎)-Symbol und schalten Sie den Nur-Lesen-Schalter aus.

Um alle Kommentare eines Artikels einzusehen:

1. Navigieren Sie zum gewünschten Artikel.

2. Klicken Sie auf das Kommentar -()-Symbol auf der rechten Seite neben dem Veröffentlichen-Button.

3. Das Kommentarpanel wird erscheinen. Verwenden Sie das Dropdown-Menü oben, um die Optionen zu filtern, wie zum Beispiel Alle Kommentare, erwähnte Kommentare, offene Kommentare und gelöste Kommentare.

Hier kannst du auf die Kommentare antworten.

HINWEIS

Für Informationen lesen Sie den Artikel auf Reviewing an article using Inline comments

Verwendung von nummerierten und mehrstufigen Listen im Advanced WYSIWYG-Editor

Im erweiterten WYSIWYG-Editor können Sie sowohl nummerierte als auch mehrstufige Listen hinzufügen, um Ihre Inhalte effektiv zu organisieren.

Erstellung einer nummerierten Liste

Sie können eine nummerierte Liste mit einer der folgenden Methoden erstellen:

Methode 1:
Gib eine beliebige Folge gefolgt von einem Feld ein, basierend auf deinen Anforderungen:
1., , , , , I., (α)., 1), a)oder i.A.a.i)

Methode 2:
Verwenden Sie den Befehl "Schrägstrich (/)"Folgendes:

• /numbered list – um eine nummerierte Liste hinzuzufügen. Fahren Sie mit der Maus über die nummerierte Liste im Schrägstrichmenü, um die verfügbaren Listenoptionen anzuzeigen.

• /multi-level list – um eine mehrstufige Liste hinzuzufügen. Fahren Sie mit der Maus über die mehrstufige Liste im Schrägstrichmenü, um die Liste der mehrstufigen Listenoptionen anzuzeigen.

Methode 3:

• Wählen Sie den gewünschten Inhalt aus und drücken Ctrl + Shift + O Sie oder Ctrl + Shift + 7.

• Standardmäßig beginnt die nummerierte Liste mit 1., 2., 3., und so weiter.

Verfügbare Listenstile

Nummerierte Listenformate

Folgende nummerierte Listenstile sind verfügbar:

Mehrstufige Listenformate

Sie können aus vier Arten von mehrstufigen Listen wählen:

Format Painter im Advanced WYSIWYG-Editor

Der Format Painter in Document360 hilft Ihnen, Textformatierungen schnell von einem Abschnitt in einen anderen zu kopieren und anzuwenden, spart Zeit und sorgt für Konsistenz in Ihren Inhalten.

Sie können den Format Painter von den folgenden Standorten im Advanced WYSIWYG-Editor aufrufen:

• Formatmenü

• Blasenmenü , das erscheint, wenn du Text auswählst

Verwendung des Format Painters

Um den Format Painter zu verwenden:

1. Im erweiterten WYSIWYG-Editor wählen Sie den Quelltext aus, dessen Format Sie kopieren möchten.

2. Klicken Sie auf das Symbol Format Painter () im Menü Format oder Blase.

3. Der Cursor wechselt zu einem Pinselsymbol, das anzeigt, dass der Format Painter aktiv ist.

4. Wenden Sie die kopierte Formatierung an, indem Sie:

   • Das Klicken auf ein Wort oder einen Buchstaben im Zieltext (gilt nur für das ganze Wort).

   • Ziehe die Maus, um eine Auswahl hervorzuheben.

   • Einen ganzen Textblock auswählen.

Sobald die Formatierung angewendet oder der Format Painter abgebrochen wird, kehrt der Cursor zur Normalität zurück.

Formatierung, die kopiert wird

Es wird nur das Textformat kopiert. Dazu gehören:

• Schriftart, Größe und Farbe

• Fett, kursiv, unterstreichen, durchstreichen

• Buchstabenabstand

• Hintergrundfarbe (Highlight)

HINWEIS

• Für Überschriften wird das Überschrifts-Tag ebenfalls kopiert, jedoch nur, wenn der gesamte Block ausgewählt ist.

• Der kopierte Stil basiert auf dem ersten Zeichen des ausgewählten Quelltextes.

Abschaffung des Formatmalers

Der Format Painter wird deaktiviert, wenn Sie:

• Klicken Sie überall außerhalb des Editors.

• Drücken Sie Esc.

• Führen Sie jede andere Aktion im Editor oder Categories & Articles Panel aus.

• Klicken Sie im Menü Format Painter auf das aktive Format Painter-Symbol.

HINWEIS

• Drücken Ctrl + Z oder klicken Sie im Formatierungsmenü auf das Symbol "Zurückgängig" (), um die angewandte Formatierung rückgängig zu machen.

• Drücken Alt + Shift + V oder klicken Sie auf das Löschen ()-Symbol im Formatierungsmenü, um die Formatierung aus dem ausgewählten Text zu löschen.

Tastenkombinationen für Format Painter

Die Tastenkombinationen für die Verwendung von Format Painter sind:

Formatierungsoptionen zum Einfügen aus Microsoft Word

Beim Einfügen von Inhalten aus Microsoft Word können Sie Formatierungen beibehalten oder löschen, einschließlich Elementen wie Listen, Tabellen, Einzügen und Schriftarten.

1. Klicken Sie auf Mit Formatierung einfügen , um das Format des Inhalts aus Microsoft Word beizubehalten.

2. Klicken Sie auf "Als Klartext einfügen ", um das Format des Inhalts aus Microsoft Word zu löschen.

Fehlerbehebung

Der Artikelabschnitt kann wegen nicht unterstützter HTML-Tags nicht bearbeitet werden

Dieses Problem tritt auf, wenn ein Artikel vom WYSIWYG-Editor in den Advanced WYSIWYG-Editor konvertiert wird, was zu nicht unterstützten HTML-Tags führt.

Schritte zur Lösung:

1. Um dies zu verhindern, vermeiden Sie es, Artikel vom Standard-WYSIWYG-Editor in den Advanced WYSIWYG-Editor zu konvertieren.

2. Importieren oder kopieren Sie Inhalte stattdessen direkt in den erweiterten WYSIWYG-Editor, um Formatierungsprobleme zu vermeiden.

3. Wenn das Problem bereits aufgetreten ist, überprüfen Sie die Codeansicht des Artikels und entfernen Sie alle nicht unterstützten HTML-Tags. Diese Tags sind typischerweise innerhalb des Tags <editor360-custom-block> eingewickelt. Das Entfernen dieses Tags stellt die Bearbeitungsfunktion wieder her und das Problem wird behoben.

.onehope {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-size: smaller;
    background-color: white;
}
.onehope .onehope_left {
    flex: 1;
    margin-right: 0.5vw;
    margin-top: 25px;
    margin-left: 0.2vw;
    text-align: justify;
}
.onehope .onehope_right {
    flex: 1;
    margin-right: 0vw;
    margin-left: 1vw;
    max-width: 30%;
    text-align: justify;
} 

<div class="onehope">
    <div class="onehope_left">
        <h3>How to reset your password</h3>
        <p>If you forget your password, click <b>Forgot Password</b> on the login page. 
        Enter your registered email, and you’ll receive a password reset link.</p>
    </div>
    <div class="onehope_right">
        <h4>Tip</h4>
        <p>For better security, choose a password with at least 8 characters, 
        including numbers and special symbols.</p>
    </div>
</div>