如何在Iframe中启用对Plotly-Dash应用程序的响应？

<iframe id="dash-app" src="your_dash_app_url" width="100%" height="600"></iframe>

var dashApp = document.getElementById('dash-app');

// 向Dash应用程序发送消息
function sendMessageToDash(message) {
  dashApp.contentWindow.postMessage(message, '*');
}

// 监听来自Dash应用程序的消息
window.addEventListener('message', function(event) {
  var message = event.data;
  
  // 处理来自Dash应用程序的消息
  // ...
});

import dash
from dash.dependencies import Input, Output, State, Event

app = dash.Dash(__name__)

@app.callback(Output('output-div', 'children'),
              [Input('dash-app', 'message')])
def update_output(message):
    # 处理来自Iframe的消息
    # ...
    return 'Response to Iframe message'

if __name__ == '__main__':
    app.run_server(debug=True)