Estoy tratando de crear la aplicación de presentación más simple en electron.js .
En la barra izquierda, mostraré miniaturas de diapositivas div#list_of_slides .
En la vista previa del cuerpo de la diapositiva será visible div#preview_of_slide
<html> <head> <title>My Presentation Application</title> </head> <body> <div id="preview"> <div id="preview_of_slide"> <!-- Here slide will be displayed --> </div> <div id="popout_preview_to_new_window"> <!-- New window will open up showing bigger view of slide visilbe in div#preview_of_slide --> <button>Popout</button> </div> </div> <div id="list_of_slides"> <!-- These are slides whose thumbnails are displaying in this <div> --> <!-- When user will click on specific thumbbnail then it will get displayed in div#preview_of_slide --> <img src="slide_1.jpg"> <!-- Thumbnail of slide 1 --> <img src="slide_2.jpg"> <!-- Thumbnail of slide 2 --> <img src="slide_3.jpg"> <!-- Thumbnail of slide 3 --> <img src="slide_4.jpg"> <!-- Thumbnail of slide 4 --> <img src="slide_5.jpg"> <!-- Thumbnail of slide 5 --> </div> <script> // Here javascript will make display of slide in div#preview_of_slide when user click on specific thumbnail // More javascript to create popout window to display content of div#preview_of_slide in bigger size </script> </body> </html> Quiero agregar la funcionalidad de la vista previa emergente a una nueva ventana secundaria cuando hago clic en <button> . Por lo tanto, la diapositiva seleccionada sería visible en div#preview_of_slide , así como en la nueva ventana secundaria (o ventana emergente) en un tamaño más grande.
¿Cómo puedo duplicar el contenido de div#preview_of_slide en una nueva ventana emergente secundaria en electron.js?