HTML

Diese Komponente ermöglicht es direkt HTML Elemente in ein Formular zu integrieren.

Konfiguration

Für allgemeine Konfigurations-Optionen siehe Allgemeine Komponenten Konfiguration.

Spezifische Konfiguration

value (string): der Inhalt wird als HTML ausgewertet und entsprechend angezeigt. Data-Binding sollte verwendet werden.

Beispiel

html.json

{
  "$schema": "http://bpc.virtimo.net/forms/1/schema",
  "metaData": {
    "id": 0,
    "version": 0
  },
  "configuration": {
  },
  "components": [
    {
      "type": "container",
      "label": "HTML Component Example",
      "components": [
        {
          "type": "html",
          "value": "'One element with Data binding:' + /data/input + /data/paragraph"
        },
        {
          "type": "html",
          "value": "/data/secondHTML"
        },
        {
          "type": "textfield",
          "label": "Input for first html Element",
          "value": "/data/input"
        }
      ]
    }
  ],
  "state": {
    "data": {
      "input": "",
      "paragraph": "<p> A whole paragraph </p>",
      "secondHTML": "Before paragraph.<p>Another <b>important</b> element inside a paragraph.</p> After paragraph."
    }
  }
}

Eingebettete Vorschau

Vorschau in separatem Fenster öffnen

Keywords: