Widget HTML Area

Widget HTML Area - documentazione operativa e tecnica

field-editormetadata-columnhtml_areahtml-editormc_props_bagstable

Overview

Widget HTML Area

html_area widget for rich-text/editable HTML content, based on wuic-html-editor.

Scope

  • Column type: mc_ui_column_type = "html_area"
  • Component: src/lib/component/field/html-editor/html-editor.component.ts
  • Main renderer: PrimeNG Editor (p-editor) or textarea fallback

Relevant Column Metadata Properties

  • mc_ui_column_type: must be html_area.
  • mc_validation_*: standard validations (required/pattern/custom).
  • mc_selection_changed_custom_function: post-change callback.
  • mc_value_change_trigger_event: update event trigger (when used by the template editor).
  • mc_hide_in_list, mc_hide_in_edit, mc_show_in_filters: visibility/usage in screens.

Recommended mc_props_bag

Snippet 1JSON
{
  "form": {
    "columns": 1,
    "disabled": false
  },
  "style": {
    "editCss": "min-height: 260px;"
  • form.columns: field width in edit form.
  • form.disabled: locks editing on client side.
  • style.editCss: html area height/layout.
  • checkUniqueValue: optional for custom checks.

Client/Server Effects

  • Client:

- HTML content editing in the form.

- mc_selection_changed_custom_function__fn callback invoked on value change.

- MetadatiColonna.validateField validations on blur.

  • Server:

- Content persistence as a string on a DB column.

- Possible extra validation in the backend pipeline of the route.

Operational Notes

  • For HTML templates with advanced Angular binding and Monaco tooling, use code_editor + customEditorConfig.language = "html".
  • html_area is oriented toward content editing, not deep parser-based syntax validation.