Inhalte in Rich-Text-Modulen bearbeiten

Fügen Sie in Rich-Text-Modulen mehrere Arten von Inhalten hinzu, darunter Text, Bilder und Links. Entwickler können benutzerdefinierten Vorlagen Rich-Text-Module hinzufügen und dann deren Bearbeitungsoptionen anpassen.

Bevor Sie loslegen

Bevor Sie Inhalte in Rich-Text-Modulen bearbeiten, sollten Sie die Anforderungen und Überlegungen überprüfen.

Einschränkungen und Wissenswertes

• Einige Funktionen zur Bearbeitung von Rich-Text sind im Editor für Wissensdatenbankartikel nicht verfügbar.

Text in Rich-Text-Modulen formatieren

1. Gehen Sie zu Ihrem Content:

   • Website-Seiten:Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
   • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
   • Wissensdatenbank: Klicken Sie in Ihrem HubSpot-Account auf Service und dann auf Wissensdatenbank.
2. Klicken Sie auf den Namen Ihres Contents.
3. Klicken Sie im Content-Editor auf einTextmodul, um die Rich-Text-Symbolleiste am oberen Rand des Editors zu aktivieren. Sie können auch auf ein Rich-Text-Modul klicken und dann im Seitenleisten-Editor auf In erweiterter Ansicht bearbeiten klicken.

Bitte beachten: Je nach Bildschirmgröße Ihres Geräts befinden sich möglicherweise einige Formatierungsoptionen im Dropdown-Menü Mehr .

4. Markieren Sie im Rich-Text Modul text.
5. Um die Größe und Wichtigkeit des Textes im Inhalt festzulegen, klicken Sie auf das Dropdown-Menü Stil und wählen Sie eine Option aus (z. B. Absatz oder Überschrift 1).
6. Um die Schriftart des Textes festzulegen, klicken Sie auf das Dropdown-Menü Schriftart und wählen Sie eine Schriftart aus. Erfahren Sie mehr über das Arbeiten mit Schriftarten in HubSpot.

7. Um die Textgröße festzulegen, klicken Sie auf das Dropdown-Menü Schriftgröße und wählen Sie eine Schriftgröße in Pixeln aus. 

8. Um den Text fett, kursiv oder unterstrichen zu machen, klicken Sie auf ein Stil-Symbol (z. B. boldIcon fett, italicIcon kursiv oder underlineIcon unterstrichen).
9. Um die Farbe des Textes zu ändern, klicken Sie auf das Symbol für die textColorIcon Textfarbe und wählen dann eine Farbe aus. Um einen Hex- oder RGB-Farbcode zu verwenden oder eine benutzerdefinierte Farbe auszuwählen, klicken Sie auf die Registerkarte Erweitert .

10. Um eine Hintergrundfarbe für den Text festzulegen, klicken Sie auf das Symbol für die highlight Hintergrundfarbe und wählen dann eine Farbe aus. Um einen Hex- oder RGB-Farbcode zu verwenden oder eine benutzerdefinierte Farbe auszuwählen, klicken Sie auf die Registerkarte Erweitert .
11. Um die Ausrichtung des Texts zu ändern, klicken Sie auf das alignLeft Dropdown-Menü Ausrichten und wählen Sie ein alignCenter Symbol für Ausrichtung aus.

12. Um den Text zu einer Aufzählung hinzuzufügen, klicken Sie auf das Dropdown-Menü Mehr . Klicken Sie dann auf das bulletList Aufzählungslisten-Symbol . Um das Format der Liste zu ändern, klicken Sie auf das Dropdown-Menü Aufzählungsliste und wählen Sie ein bulletDiamond Format aus.

13. Um den Text zu einer nummerierten Liste hinzuzufügen, klicken Sie auf das Dropdown-Menü Mehr . Klicken Sie dann auf das Symbol für nummerierte numberList Liste. Um das Format der Liste zu ändern, klicken Sie auf das Dropdown-Menü nummerierte Liste und wählen Sie ein bulletLowerAlpha Format aus.
14. Um die Zeilenhöhe des Textes festzulegen, klicken Sie auf das lineHeight Dropdown-Menü Zeilenhöhe und wählen Sie eine Höhe aus.
15. Um den Einzug des Textes zu vergrößern oder zu verkleinern, klicken Sie auf die indent Symbole für Einzug vergrößern oder outdentIcon Einzug verkleinern .
16. Um die auf den Text angewendeten Stile zu entfernen, klicken Sie auf das removeTextStyle Symbol für klare Stile .
17. Um weitere Formatierungen hinzuzufügen, klicken Sie auf das Dropdown-Menü Mehr und wählen Sie das strike Symbol für durchgestrichenen, superscript hochgestellten oder subscript tiefgestellten Text aus.
18. Um den Text als Code zu formatieren, klicken Sie auf das Dropdown-Menü Mehr und wählen Sie das Symbol für Codeformat code aus.
19. Wenn Sie fertig sind, klicken Sie auf Aktualisieren oder Veröffentlichen, um Ihre Änderungen zu veröffentlichen.

Elemente zu Rich-Text-Modulen hinzufügen

1. Gehen Sie zu Ihrem Content:

   • Website-Seiten:Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
   • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
   • Wissensdatenbank: Klicken Sie in Ihrem HubSpot-Account auf Service und dann auf Wissensdatenbank.
2. Klicken Sie auf den Namen Ihres Contents.
3. Klicken Sie im Content-Editor auf einTextmodul, um die Rich-Text-Symbolleiste am oberen Rand des Editors zu aktivieren. Sie können auch auf ein Rich-Text-Modul klicken und dann im Seitenleisten-Editor auf In erweiterter Ansicht bearbeiten klicken.
4. Um einen Link einzufügen, markieren Sie Text und klicken Sie dann auf das link "Link einfügen "-Symbol. Erfahren Sie mehr über und die Arbeit mit Links in HubSpot.
5. Um ein Bild einzufügen, klicken Sie auf das insertImage Symbol "Bild einfügen ". Erfahren Sie mehr über und die Arbeit mit Bildern in HubSpot.
6. Um ein Emoji einzufügen, klicken Sie auf das emoji Symbol "Emoji einfügen".
7. Um einen Call-to-Action einzufügen, klicken Sie auf das Dropdown-Menü Einfügen und wählen dann Call-to-Action aus cta. Erfahren Sie mehr über und die Arbeit mit Aufrufen zum Handeln in HubSpot.
8. Um einen Einbettungscode einzufügen, klicken Sie auf das Dropdown-Menü Einfügen und wählen Sie dann Einbetten aus. Erfahren Sie mehr über das Einbetten von Inhalten in HubSpot.
9. Um ein Video einzufügen, klicken Sie auf das Dropdown-Menü Einfügen , bewegen Sie den Mauszeiger über Video und wählen Sie HubSpot-Video oder Externes Video aus. Erfahren Sie mehr über das Arbeiten mit Videos in HubSpot.
10. Um eine Tabelle einzufügen, klicken Sie auf das Dropdown-Menü Einfügen , bewegen Sie dann den Mauszeiger über Tabelle und wählen Sie die Dimensionen Ihrer Tabelle aus. Erfahren Sie mehr über das Arbeiten mit Tabellen in HubSpot.
11. Um ein Sonderzeichen einzufügen, klicken Sie auf das Dropdown-Menü Einfügen und wählen Sie dann Sonderzeichen aus. Klicken Sie im Pop-up-Feld auf ein Sonderzeichen.
12. Um ein Symbol einzufügen, klicken Sie auf das Dropdown-Menü Einfügen und wählen Sie dann Symbol aus. Klicken Sie im Pop-up-Fenster auf ein Symbol . Erfahren Sie mehr über das Arbeiten mit Symbolen in HubSpot.
13. Um einen Anchor-Link einzufügen, klicken Sie auf das Dropdown-Menü Einfügen und wählen Sie dann Anchor aus. Erfahren Sie mehr über das Arbeiten mit Anchor-Links in HubSpot.
14. Um eine horizontale Linie einzufügen, klicken Sie auf das Dropdown-Menü Einfügen und wählen Sie Horizontale Linie aus.
15. Um ein geschütztes Leerzeichen einzufügen, klicken Sie auf das Dropdown-Menü Einfügen und wählen Sie Geschütztes Leerzeichen aus.

16. Um ein Personalisierungstoken einzufügen, klicken Sie auf Personalisieren.
    • Klicken Sie im Pop-up-Feld auf das Dropdown-Menü Typ und wählen Sie einen Token-Typ aus.
    • Klicken Sie auf das Dropdown-Menü Token und wählen Sie ein Token aus. Erfahren Sie mehr über das Arbeiten mit Personalisierungstoken in HubSpot.
17. Wenn Sie fertig sind, klicken Sie auf Aktualisieren oder Veröffentlichen, um Ihre Änderungen zu veröffentlichen.

Erweiterte Bearbeitungsfunktionen in Rich-Text-Modulen verwenden

1. Gehen Sie zu Ihrem Content:

   • Website-Seiten:Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
   • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
   • Wissensdatenbank: Klicken Sie in Ihrem HubSpot-Account auf Service und dann auf Wissensdatenbank.
2. Klicken Sie auf den Namen Ihres Contents.
3. Klicken Sie im Content-Editor auf ein Rich-Text-Modul, um die Rich-Text-Symbolleiste am oberen Rand des Editors zu aktivieren. Sie können auch auf ein Rich-Text-Modul klicken und dann im Seitenleisten-Editor auf In erweiterter Ansicht bearbeiten klicken.

4. Um auf den Quellcode des Moduls zuzugreifen, klicken Sie auf das Dropdown-Menü Erweitert und wählen Sie Quellcode aus. Bearbeiten Sie im Dialogfeld den Quellcode und klicken Sie dann auf Änderungen speichern.

   Bitte beachten: HubL-Code, der dem Quellcode des Rich-Text-Moduls hinzugefügt wurde, wird nicht im Editor gerendert, sondern beim Rendern der Seite selbst. Bei Elementen wie Webseiten können Sie die HubL-Ausgabe anzeigen, indem Sie eine Vorschau der Seite anzeigen. 

5. Um Ihren Content in Inhaltsblöcke getrennt anzuzeigen, klicken Sie auf das Dropdown-Menü Erweitert und wählen Sie Blöcke anzeigen aus. Um den Inhalt wieder ohne Blöcke anzuzeigen, klicken Sie auf das Dropdown-Menü Erweitert und wählen Sie Blöcke ausblenden aus. Keine der beiden Optionen wirkt sich darauf aus, wie Ihre Inhalte den Besuchern angezeigt werden.
6. Wenn Sie fertig sind, klicken Sie auf Aktualisieren oder Veröffentlichen, um Ihre Änderungen zu veröffentlichen.