Bloque personalizado con plugin externo en Grapesjs

Quiero integrar el plugin jquery del visor de imágenes en el nuevo bloque personalizado de grapesj. Primero he cargado jQuery. URL del plugin ImageViewer - https://www.jqueryscript.net/gallery/jQuery-Plugin-For-Product-Viewer-with-Image-Hover-Zoom-BZoom.html El problema es que, cuando creo component, plugin connected (doy a plugin js en init() function - canvas - scripts), pero

1. No puedo gestionar el evento de doble clic para abrir modal y cambiar la imagen (en el evento de doble clic funciona en el evento de clic en ImageViewer)
2. el script, que se usa en el plugin ImageViewer (en la función de script), tras actualizar la página no vuelve a funcionar y el visor no se crea. Gracias

editor. BlockManager.add('image-viewer', {
    categoría:'Medios',
    etiqueta: 'Visor de imágenes',
    Atributos: {Clase: 'FA FA-th-Grande'},
    Contenido: {
        script: función () {
            $("#bzoom").zoom({
                zoom_area_width: 300,
                autoplay_interval :3000,
                small_thumbs : 4,
                reproducción automática: falso
            });
        },
        contenido: '<div class="bzoom_wrap">
                        <ul id="bzoom">
                            <li>
                                <img class="bzoom_thumb_image" src="https://unsplash.it/375/500?image=201" title="first img" />
                                <img class="bzoom_big_image" src="https://unsplash.it/750/1000?image=201"/>
                            </li>
                            <li>
                                <img class="bzoom_thumb_image" src="https://unsplash.it/375/500?image=203"/>
                                <img class="bzoom_big_image" src="https://unsplash.it/750/1000?image=203"/>
                            </li>
                            <li>
                                <img class="bzoom_thumb_image" src="https://unsplash.it/375/500?image=212"/>
                                <img class="bzoom_big_image" src="https://unsplash.it/750/1000?image=212"/>
                            </li>
                            <li>
                                <img class="bzoom_thumb_image" src="https://unsplash.it/375/500?image=220"/>
                                <img class="bzoom_big_image" src="https://unsplash.it/750/1000?image=220"/>
                            </li>
                            <li>
                                <img class="bzoom_thumb_image" src="https://unsplash.it/375/500?image=223"/>
                                <img class="bzoom_big_image" src="https://unsplash.it/750/1000?image=223"/>
                            </li>		
                        </ul>
                    '</div>
    }
});