How to Use

1. Drag the component Web Block to your screen.
2. Provide a unique Div ID (example: wysi_1).
3. Use the GetHtml Client Action to retrieve the HTML content.
4. Use the SetHtml Client Action to set the HTML in editor.
5. Optionally update toolbar config dynamically using JSON config input.

Sample Config

{
  'toolbar': {
    'bold': true,
    'italic': true,
    'underline': true,
    'image': true,
    'table': true,
    'link': true,
    'codeView': true,
    'fontSize': true,
    'foreColor': true,
    'backColor': true
  },
  'placeholder': 'Start typing here...',
  'initialHtml': '',
  'sanitizeOutput': false
}

Notes for OutSystems Developers

• Use a unique Div ID for each editor instance
• Always pass a valid JSON string in the Config parameter