RichTextAttribute

Reference

• Standard component that provides RichText editor

Props

• config : attribute configuration

Usage

const { protrakComponents } = React.useContext(customWidgetContext);
const { Attribute } = protrakComponents;

Example of config property:
  const config = {
    "fieldType": "Attribute",
    "attributeType": "RichText",
    "label": "RichTextTest",
    "defaultValue": [
        "<h1 class=\"ql-align-center\">Lorem Ipsum</h1>
        <h4 class=\"ql-align-center\"><em>\"Neque 
        porro quisquam est qui 
        dolorem ipsum quia dolor sit amet, consectetur, 
        adipisci velit...\"</em></h4>
        <h5 class=\"ql-align-center\">\"There is no one 
        who loves pain itself, 
        who seeks after it and wants to have it, 
        simply because it is pain...\"</h5>"
    ],
    "isVisible": false,
    "isEditable": false,
    "isRelatedTypeGeolocationAttribute": false,
    "attributeName": "RichTextTest",
    "isRequired": false,
    "regExErrorMessage": "",
    "allowValueCaptureFromScan": false,
    "actionSettingsShowAs": "Default",
    "editor": "Default",
    "renderer": "Default"
}

  return (
  Attribute(config).renderInput(value, onEdit)
);   
  // pass configuration and onEdit function

UI