TITAN WYSIWYG EDITOR – HTML TESTBEITRAG
Dies ist ein vollständiger HTML-Testbeitrag für den TITAN WYSIWYG Editor. Dieser Beitrag überprüft die wichtigsten HTML-Elemente, Formatierungen und Editor-Funktionen.
1. Textformatierungen
Normaler Text.
Fetter Text
Kursiver Text
Fetter und kursiver Text
Unterstrichener Text
Durchgestrichener Text
Inline-Code
Fett, kursiv, unterstrichen und durchgestrichen gleichzeitig.
Sehr dicker / fetter Text neben normalem Text und anschließend wieder normaler Text.
2. Überschriften
Überschrift 2
Text unterhalb der Überschrift 2.
Überschrift 3
Text unterhalb der Überschrift 3.
Überschrift 4
Text unterhalb der Überschrift 4.
3. Ausrichtung
Dieser Absatz ist linksbündig.
Dieser Absatz ist zentriert.
Dieser Absatz ist rechtsbündig.
Dieser Absatz verwendet Blocksatz. Dies ist ein längerer Beispieltext, damit die Ausrichtung deutlich sichtbar wird und überprüft werden kann, ob der TITAN WYSIWYG Editor die Textausrichtung korrekt verarbeitet.
4. Schriftarten
Arial – Beispieltext
Verdana – Beispieltext
Tahoma – Beispieltext
Georgia – Beispieltext
Times New Roman – Beispieltext
Courier New – Beispieltext
Inter – Beispieltext
5. Schriftgrößen
Sehr kleine Schrift
Kleine Schrift
Normale Schrift
Große Schrift
Sehr große Schrift
6. Textfarben
Roter Text
Blauer Text
Grüner Text
Oranger Text
Violetter Text
Gelber Text
7. Hintergrundfarben
Text mit gelbem Hintergrund.
Text mit grünem Hintergrund.
Text mit cyanfarbenem Hintergrund.
Text mit pinkem Hintergrund.
Text mit grauem Hintergrund.
Text mit weißem Hintergrund.
8. Aufzählung
- TITAN CMS
- TITAN BOARD
- TITAN GATHER
- TITAN LICENSE SERVER
Verschachtelte Liste
- Forum
- Kategorien
- Foren
- Themen
- Beiträge
- Benutzer
- Profile
- Rollen
- Rechte
9. Nummerierte Liste
- Beitrag erstellen
- Inhalt formatieren
- Tabelle einfügen
- Code einfügen
- Spoiler einfügen
- Beitrag absenden
10. Zitat
Dies ist ein Test-Zitat für den TITAN WYSIWYG Editor.
Hier wird überprüft, ob der Blockquote-Bereich korrekt dargestellt und gespeichert wird.
11. Link
Besuche die TITAN-Testseite: https://www.example.com
Der Link sollte anklickbar sein und in einem neuen Tab geöffnet werden.
12. Tabelle
| Funktion | Status | Test |
|---|---|---|
| Fett | Aktiv | ✓ |
| Kursiv | Aktiv | ✓ |
| Unterstrichen | Aktiv | ✓ |
| Durchgestrichen | Aktiv | ✓ |
| Schriftfarbe | Aktiv | ✓ |
| Hintergrundfarbe | Aktiv | ✓ |
| Tabelle | Aktiv | ✓ |
| Code | Aktiv | ✓ |
| Spoiler | Aktiv | ✓ |
| Mention | Aktiv | ✓ |
13. Inline-Code
SQL-Test: SELECT * FROM forum_threads WHERE id = 1;
14. PHP-Codeblock
<?php
declare(strict_types=1);
echo 'TITAN BOARD WYSIWYG Test';
?>15. JavaScript-Codeblock
const titan = {
name: 'TITAN BOARD',
editor: 'WYSIWYG',
status: 'testing'
};
console.log(titan);16. Spoiler-Test
Spoiler-Test
Dieser Inhalt soll innerhalb eines Spoilers versteckt werden.
Hier kann zusätzlicher Text stehen.
Auch fett, kursiv und Code sollten innerhalb des Spoilers funktionieren.
17. Mention-Test
Hallo @admin!
Das ist ein Test für die @Mention-Funktion.
Weitere Test-Mentions:
- @alexander
- @marcel
- @testuser
18. Gemischte Formatierung
Fett, kursiv, unterstrichen und durchgestrichen.
Hier folgt Inline-Code, danach ein Link , anschließend ein Zitat und danach eine Tabelle.
19. Horizontale Linie
Dieser Text befindet sich oberhalb der horizontalen Linie.
Dieser Text befindet sich unterhalb der horizontalen Linie.
20. Langer Testabsatz
Dies ist ein längerer Testabsatz, um zu überprüfen, wie sich der TITAN WYSIWYG Editor bei größeren Textmengen verhält. Der Text sollte sauber umbrechen, ausreichend Abstand zwischen den einzelnen Elementen besitzen und sowohl auf Desktop-Geräten als auch auf mobilen Geräten korrekt dargestellt werden. Außerdem soll überprüft werden, ob Formatierungen innerhalb eines längeren Absatzes stabil bleiben und ob der Editor beim Wechsel zwischen visueller Darstellung und Quellcode-Modus den Inhalt korrekt erhält.
21. HTML-Struktur-Test
Dieser Inhalt befindet sich innerhalb eines DIV-Elements.
Fett innerhalb des DIV.
Kursiv innerhalb des DIV.
22. Kombinierter Formatierungstest
Dieser Text ist fett, kursiv und unterstrichen.
Fetter roter Text
Kursiver Text mit gelbem Hintergrund
Fetter durchgestrichener Text
23. AutoSave-Test
Jetzt etwas Text verändern und ungefähr zwei Sekunden warten.
TITAN AUTO-SAVE TEST – Dieser Text sollte als Entwurf lokal gespeichert werden.
Danach die Seite verlassen und den Editor erneut öffnen. Der gespeicherte Entwurf sollte wiederhergestellt werden können.
24. Abschluss
TITAN WYSIWYG EDITOR TEST ABGESCHLOSSEN
Wenn alle oben genannten Elemente korrekt funktionieren, sind die grundlegenden Editor-Funktionen erfolgreich getestet.
GETESTET WERDEN:
- ✓ Fett
- ✓ Kursiv
- ✓ Unterstrichen
- ✓ Durchgestrichen
- ✓ Schriftarten
- ✓ Schriftgrößen
- ✓ Textfarben
- ✓ Hintergrundfarben
- ✓ Überschriften
- ✓ Ausrichtung
- ✓ Aufzählungen
- ✓ Nummerierte Listen
- ✓ Links
- ✓ Zitate
- ✓ Tabellen
- ✓ Inline-Code
- ✓ Codeblöcke
- ✓ Spoiler
- ✓ Mentions
- ✓ Horizontale Linie
- ✓ Quellcode-Modus
- ✓ AutoSave
- ✓ Draft-Wiederherstellung
- ✓ Mobile Darstellung
TITAN BOARD – WYSIWYG EDITOR TEST ENDE