CssBoxView

Źródło: views/CssBoxView.js

CssBoxView

Widok służący wyłącznie do osadzania reguł CSS w drzewie widoków. Nie renderuje żadnej widocznej zawartości — pełni rolę kontenera na style, które mają wpływać na inne widoki w obrębie strony.

Powstał aby zastąpić nadużywanie TextView z zawartością typu "<style>...</style>" — dzięki dedykowanemu typowi schemat jest czytelniejszy, a edytor strony może traktować ten węzeł odpowiednio (np. pokazywać go z ikoną CSS, edytować w polu wieloliniowym).

Schema

type: cssbox
css: ".copyable{cursor:pointer;border-radius:3px;padding:0 2px;transition:background .15s;} .copyable:hover{background:#eef;}"

Parametry

type - Typ widoku: "cssbox"
css - Treść reguł CSS (string). Alias: content.
scoped - Jeśli true, reguły zostaną automatycznie ograniczone do najbliższego rodzica [data-view-id] poprzez prefiksowanie selektorów atrybutem tego rodzica. Domyślnie false (style globalne dla strony).

Przykład

type: card
content:
  - type: cssbox
    css: ".price{font-weight:600;color:#206bc4;}"
  - type: text
    content: "<span class='price'>199,00 zł</span>"

Uwagi

Sam element kontenera jest ukryty (display: none), w drzewie DOM pozostaje tylko jako nośnik elementu <style>.
Treść css jest wstawiana dosłownie — nie jest sanityzowana. Nie używaj wartości pochodzących od użytkowników końcowych.