HtmlView

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

HtmlView

Widok renderujący zawartość HTML. Wstawia treść jako innerHTML do wewnętrznego <div>. Obsługuje akcję onClick oraz szablony Handlebars.

Aby renderować plain text, użyj widoku TextView (type: "text").

Schema

type: html
data:
  name: Jan
content: "<strong>Witaj, {{name}}!</strong>"
onClick:
  action: emit
  event: generatePage
  data:
    module: core/orders
    page: details/123

Parametry

• type - Typ widoku: "html"
• content [template] - Zawartość HTML (wymagane)
• data - Dane do zastąpienia w szablonie (opcjonalne)
• onClick [template] - Akcja wykonywana po kliknięciu (opcjonalne)
• style - Style inline: string CSS ("color: red") lub obiekt ({ fontWeight: "600" })

Przykłady użycia

Treść HTML

type: html
content: "<strong>Ważna</strong> informacja: <em>sprawdź dane</em>"

Badge wbudowany w tekst

type: html
content: "<p>Status: <span class='badge bg-success'>Aktywny</span></p>"

Klikalny fragment HTML

type: html
content: "Zamówienie <b>#12345</b>"
onClick:
  action: emit
  event: generatePage
  data:
    module: core/orders
    page: details/12345

Obsługiwane eventy

• reload:{id} – Ponownie parsuje i renderuje zawartość content (przydatne gdy zmienią się zmienne szablonu).

Dostępne akcje onClick

Pole onClick obsługuje wszystkie akcje zdefiniowane w ActionHandler. Pełna dokumentacja: Dostępne Akcje (ActionHandler)

Uwagi

• Zawartość jest wstawiana jako innerHTML – upewnij się, że pochodzi z zaufanego źródła