Widget HTML Area

Overview

Widget HTML Area

Widget html_area per contenuto HTML rich-text/editabile, basato su wuic-html-editor.

Scope

tipo colonna: mc_ui_column_type = "html_area"
componente: src/lib/component/field/html-editor/html-editor.component.ts
renderer principale: PrimeNG Editor (p-editor) o fallback area testo

Proprietà metadata colonna rilevanti

mc_ui_column_type: deve essere html_area.
mc_validation_*: validazioni standard (required/pattern/custom).
mc_selection_changed_custom_function: callback post-change.
mc_value_change_trigger_event: trigger evento aggiornamento (quando usato dal template editor).
mc_hide_in_list, mc_hide_in_edit, mc_show_in_filters: visibilità/uso nelle schermate.

mc_props_bag consigliato

Snippet 1JSON

{
  "form": {
    "columns": 1,
    "disabled": false
  },
  "style": {
    "editCss": "min-height: 260px;"

form.columns: larghezza campo in form edit.
form.disabled: blocca editing lato client.
style.editCss: altezza/layout area html.
checkUniqueValue: opzionale per controlli custom.

Effetti Client/Server

Client:

- editing contenuto HTML nel form.

- callback mc_selection_changed_custom_function__fn invocata al cambio valore.

- validazioni MetadatiColonna.validateField su blur.

Server:

- persistenza del contenuto come stringa su colonna DB.

- eventuale validazione extra in pipeline backend della route.

Note operative

per template HTML con binding Angular avanzato e tooling Monaco, usare code_editor + customEditorConfig.language = "html".
html_area è orientato all’editing contenuto, non alla validazione sintattica profonda parser-based.