Formatierungssymbole für die HTML-Feldeditoren

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer

    • Die Formatierungstabelle zeigt, wie Sie die Darstellung von Text steuern können.

    Die folgende Tabelle zeigt Symbole, die in den Editoren TinyMCE und htmlArea verfügbar sind. Mit einem Sternchen (*) markierte Namen sind im htmlArea-Editor nicht verfügbar.

    Tabelle : 1. Formatierungstabelle
    htmlArea-Symbol TinyMCE-Symbol Name Beschreibung

    Fettformatiertes HTML

    TinyMCE v4 fett

    		 Fett

    Wendet die Fettformatierung auf den ausgewählten Text oder das aktuelle Wort an.

    Tastenkürzel: STRG + B

    Kursives HTML

    TinyMCE v4 kursiv

    		 Kursiv

    Wendet die Kursivformatierung auf den ausgewählten Text oder das aktuelle Wort an.

    Tastenkürzel: STRG + I

    Uline-HTML

    TinyMCE v4 unterstrichen

    		 Unterstrichen

    Wendet eine Unterstreichungsformatierung auf den ausgewählten Text oder das aktuelle Wort an.

    Tastenkürzel: STRG + U

    Text rechts ausrichten (HTML).

    TinyMCE v4 rechts ausrichten

    		 Rechts ausrichten

    Wendet die rechte Ausrichtung auf den aktuellen Absatz an.

    Codereferenz: text-align:right

    Zentrieren Sie den Text in HTML

    TinyMCE v4 zentriert ausrichten

    		 Zentriert ausrichten

    Wendet die zentrierte Ausrichtung auf den aktuellen Absatz an.

    Codereferenz: text-align:center

    Text links ausrichten (HTML).

    TinyMCE v4 links ausrichten

    		 Links ausrichten

    Wendet die linke Ausrichtung auf den aktuellen Absatz an.

    Codereferenz: text-align:left

    Volltext-HTML-Ausrichtung

    Tiny MCE v4 Begründung

    		 Begründen

    Wendet die ausgerichtete Ausrichtung, bei der die Zeilen auf die gleiche Breite gezogen werden, auf den aktuellen Absatz an.

    Codereferenz: text-align:justify

    Para-Stile in HTML

    		 Format Wendet ein Absatzformat auf den aktuellen Absatz an, z. B. Absatz, Überschrift 1 und Vorformatiert.

    Schriftartfamilie html

    TinyMCE v4-Schriftarten

    		 Schriftartfamilie Wendet eine Schriftartfamilie auf den ausgewählten Text oder das aktuelle Wort an.

    Schriftgröße HTML

    TinyMCE v4-Schriftgröße

    		 Schriftgröße Wendet eine Schriftgröße auf den ausgewählten Text oder das aktuelle Wort an.

    HTML mit Aufzählung

    TinyMCE v4-Bullets

    		 Liste mit Aufzählung einfügen/entfernen Wendet Tags für ungeordnete Listen für die ausgewählten Absätze an oder entfernt sie. Klicken Sie auf den Pfeil neben der Schaltfläche, um einen anderen Aufzählungstyp auszuwählen.

    Nummeriertes HTML

    Kleine MCE v4-Nummern

    		 Nummerierte Liste einfügen/entfernen Wendet Tags für geordnete Listen für die ausgewählten Absätze an oder entfernt sie. Klicken Sie auf den Pfeil neben der Schaltfläche, um einen anderen Nummerntyp auszuwählen.

    HTML für Einzug verringern

    Tiny MCE v4 Outdent

    		 Einzug verringern

    Entfernt Einzüge aus den aktuellen oder ausgewählten Absätzen (entfernt 30 px des linken Abstands; Abstand darf nicht weniger als 0 sein).

    Codereferenz: pading-left

    HTML einrücken

    Kleiner MCE v4-Einzug

    		 Einzug vergrößern

    Wendet einen Einzug auf die aktuellen oder ausgewählten Absätze an (fügt 30 px linke Auffüllung hinzu).

    Codereferenz: pading-left

    Textfarbe HTML

    Textfarbe HTML

    		 Wählen Sie Textfarbe aus Wendet die Schriftfarbe auf das aktuelle Wort oder den ausgewählten Text an. Klicken Sie auf die Schaltfläche, um die aktuelle Farbe zu verwenden, oder klicken Sie auf den Pfeil neben der Schaltfläche, um weitere Farben anzuzeigen. Klicken Sie auf Mehr Farben..., um verschiedene Farboptionen und die Hexadezimalcodes anzuzeigen.

    Hintergrundfarbe HTML

    TinyMCE v4-Hintergrundfarbe

    		 Wählen Sie Hintergrundfarbe aus Wendet die Hintergrundfarbe auf das aktuelle Wort oder den ausgewählten Text an. Klicken Sie auf die Schaltfläche, um die aktuelle Farbe zu verwenden, oder klicken Sie auf den Pfeil neben der Schaltfläche, um weitere Farben anzuzeigen. Klicken Sie auf Mehr Farben..., um verschiedene Farboptionen und die Hexadezimalcodes anzuzeigen.