Slider mit Punkten, Karten als Karten, hervorgehobenes Wort
Umut hat den Nachbau Detail fuer Detail mit kant-it.de verglichen. Vier Stellen, an denen das CMS etwas nicht konnte oder etwas Falsches tat. Der Slider zeigte eine Rollleiste statt Punkte. Punkte zeichnet jetzt der Browser selbst - scroll-marker-group und ::scroll-marker, ohne Skript, mit erkennbarem aktivem Punkt. Wo ein Browser das noch nicht kennt, bleibt das wischbare Schiebefeld. Pfeile gibt es bewusst nicht: Chrome legt ::scroll-button an den Seitenrand statt in den Slider. Und er rotiert nicht von selbst, weil eine oeffentliche Seite kein JavaScript laedt. Eine Beitragskarte war keine Karte, sondern eine lose Spalte. Jetzt weiss, 18px Ecken, Bild buendig oben im Verhaeltnis 16:10, Text darunter. Die Theme-Schriftskala ueberschrieb die Groessen der Bausteine: jede Kartenueberschrift war so gross wie eine Abschnittsueberschrift. Eine Ueberschrift darf ab v17 ein Wort hervorheben. Dabei waere beinahe eine Luecke entstanden: die Dokumentfassung war in der Schliessung des Filters nicht gebunden, der Filter lief nie, die Ausgabe war schon unescaped. Ein Test mit <script> in einer Ueberschrift hat es gezeigt. Geprueft: 390 PHP-Tests unter 8.2 und 8.4, 18 JS-Tests, Editortest, Browserpruefung, axe ohne Verstoss auf dem Nachbau. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
70283db20a
commit
e21dff91fe
12 files changed
+104
-27
No files matched your search
@@ -33,6 +33,12 @@ final class RichText
|
||||
return is_int($schemaVersion) && $schemaVersion >= 12;
|
||||
}
|
||||
|
||||
/** Ueberschriften duerfen erst ab v17 Auszeichnungen tragen. */
|
||||
public static function headings(mixed $schemaVersion): bool
|
||||
{
|
||||
return is_int($schemaVersion) && $schemaVersion >= 17;
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the text with only allowed markup left. The result is safe to print unescaped.
|
||||
*/
|
||||
@@ -184,11 +190,21 @@ final class RichText
|
||||
if (!self::supports($document['schemaVersion'] ?? null)) {
|
||||
return $document;
|
||||
}
|
||||
$walk = function (array $blocks) use (&$walk): array {
|
||||
// Die Fassung wird in die Schliessung gebunden. Ohne das war sie darin schlicht nicht
|
||||
// vorhanden, der Filter fuer Ueberschriften lief nie - und ihr Inhalt wird unescaped
|
||||
// ausgegeben. Der Test, der ein <script> in eine Ueberschrift schreibt, hat es gezeigt.
|
||||
$headings = self::headings($document['schemaVersion'] ?? null);
|
||||
$walk = function (array $blocks) use (&$walk, $headings): array {
|
||||
foreach ($blocks as $index => $block) {
|
||||
if ('text' === ($block['type'] ?? null) && is_string($block['props']['text'] ?? null)) {
|
||||
$blocks[$index]['props']['text'] = $this->sanitise($block['props']['text']);
|
||||
}
|
||||
// Ab v17 darf auch eine Ueberschrift Auszeichnungen tragen. Gebraucht wird das
|
||||
// fuer ein hervorgehobenes Wort - im Original von kant-it.de ist die zweite
|
||||
// Zeile der Hauptueberschrift rot. Durch denselben Filter wie jeder Text.
|
||||
if ($headings && 'heading' === ($block['type'] ?? null) && is_string($block['props']['text'] ?? null)) {
|
||||
$blocks[$index]['props']['text'] = $this->sanitise($block['props']['text']);
|
||||
}
|
||||
if (isset($block['children']) && is_array($block['children'])) {
|
||||
$blocks[$index]['children'] = $walk($block['children']);
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user