Tengo una aplicación de reacción, que se incrustará como un iframe dentro de un sitio web de Wordpress. El iframe tendrá contenido dinámico, por lo que el tamaño podría cambiar. Me preguntaba si hay alguna manera de hacerlo?
Revisé el iframe-resizer-react pero parece ser un complemento para la aplicación de reacción como host, mientras que mi aplicación de reacción es el contenido y wordpress es el host del iframe.
EDITAR: En este momento estoy tratando de incrustar este React Iframe en un archivo html simple (no he iniciado los cambios en wordpress porque no tengo mucha idea). Intentando usar el complemento iframe-resizer, ya que parece el más útil.
Así es como se ve el html de muestra de mi host (principal). Solo probando con html, ya que pensé que agregar js en wordpress debería ser similar.
<!DOCTYPE html> <html> <head> <title>Parent page</title> <style> iframe { width: 1px; min-width: 100%; } </style> <script scr="./js/iframeResizer.min.js"></script> </head> <body> <h1>This is the parent page</h1> <iframe src="http://localhost:3000/" id="myIframe" scrolling="no"></iframe> </body> <script> iFrameResize({ log: true }, '#myIframe') </script> </html>Y en el index.html de la aplicación de reacción, he intentado agregar lo siguiente:
<script src="./iframeResizer.contentWindow.min.js"></script> Pero esto solo arroja un error en la página principal, test.html:20 Uncaught ReferenceError: iFrameResize is not defined