DATATIDE Code Editor PCF

A Canvas App PCF control based on the Monaco Editor for HTML, CSS, and JSON. Monaco and Prettier are bundled locally; the control does not use any external services.

Features

• Syntax highlighting and language services for HTML, CSS, and JSON
• Document formatting with Prettier ( or Format Document in the context menu)
• Synchronization of external changes to the bound Power Apps value
• Debounced output while typing
• Optional read-only mode
• No built-in preview

Usage in Canvas Apps

1. Import the solution containing the control into the target environment.
2. Enable the code components feature for the Canvas App if it is not already enabled in the environment.
3. Insert as a code component.
4. Bind to a multiline text column or variable.
5. Set to , , or .
6. Continue using a separate HTML or iframe control for previews.

The editor does not use a one-time . applies new external values from Power Apps, while local changes are emitted through after the configured debounce interval. This allows the same control container to be reused reliably when switching between edited records.