Working with Events

The Universal Editor sends defined events to remote applications. In case the remote application has no custom event listener for the sent event, a fallback event listener provided by the universal-editor-cors package is executed.

Working with Events

If your business logic requires sending an event to the Universal Editor, you can use the triggerEvent method. Here's an example of how to dispatch the aue:ui-viewport-change event:

Copy
    useEffect(() => {
        (async () => {
            const guestConnection = await attach({id: extensionId});
            ...
                   await guestConnection.host.remoteApp.triggerEvent('aue:ui-viewport-change',
                        'main',
                        {
                          details: {
                            height: 1024,
                            width: 768,
                          }
                        }
                    );
            ...
        })();
    }, []);
Copied to your clipboard
    useEffect(() => {
        (async () => {
            const guestConnection = await attach({id: extensionId});
            ...
                   await guestConnection.host.remoteApp.triggerEvent('aue:ui-viewport-change',
                        'main',
                        {
                          details: {
                            height: 1024,
                            width: 768,
                          }
                        }
                    );
            ...
        })();
    }, []);

Last updated 5/20/2024

Was this helpful?

Yes

No