Zum Inhalt springen

Um optimal Deine Website zu bearbeiten, findest Du nachfolgend Tools, Tipps und Tricks.

Umbrüche

Im Backend ist es teils nicht möglich dynamische Umbrüche (Soft Hyphen) direkt über den HTML-Editor einzufügen. Hier müssen die Umbrüche entsprechend im Text-Editor eingefügt werden. 

Nachfolgend findest Du die entsprechenden Codes zum kopieren und einfügen im Text- oder HTML-Editor.

Vorgehen Einfügen

  1. Das benötigte Unicode-Zeichen kopieren (auf die Schaltfläche "Unicode-Zeichen kopieren" unten in der Tabelle klicken).
  2. Im HTML- oder Text-Editor an die entsprechnde Stelle gehen und mit "command+v" (Mac) das Zeichen einfügen. Das Zeichen ist im Text-Editor nicht sichtbar. Im HTML-Editor wird es als magenta hinterlegter Punkt () angezeigt.

Vorgehen Prüfen

Wenn die Unicode-Elemente z.B. bei einer Jobbeschreibung oder einem Blogbeitrag im HTML-Editor nicht anzeigen werden können, kannst Du den Text kopieren und in Visual Studio Code einfügen. Dort werden die "Unicode-Elemente" als gelbes rechteck angezeigt. Leider kann man nicht sehen um welches Element (Soft Hyphen, Zero Width Space, etc.) es sich handelt.

Wenn Du das Wort mehrmals hintereinander auf der Website einfügst und dann das fenster schmaler ziehst, kannst Du prüfen ob es korrekt umgesetzt wird.


Name Unicode HTML-Entity Aktionen
Soft Hyphen Umbruch mit „-“
Bindestrich erscheint nur beim Umbruch
U+00AD · ·
✓ kopiert
Zero Width Space Umbruch ohne „-“
Unsichtbarer Umbruchpunkt
U+200B ·
✓ kopiert
Non-Breaking Space kein Umbruch
Fester Abstand
U+00A0 ·
✓ kopiert
Thin Space schmaler Abstand
Typografisch feiner Zwischenraum
U+2009 ·
✓ kopiert
Zero Width No-Break Space kein Abstand, kein Umbruch
Hält Zeichen zusammen ohne sichtbaren Abstand
U+FEFF ·
✓ kopiert
Word Joiner kein Umbruch
Stabiler Ersatz für FEFF, unsichtbar
U+2060 ·
✓ kopiert