Utiliser les bibliothèques html + js dans GWT

Question

Je souhaite inclure une page HTML utilisant des bibliothèques js. L'exemple que j'ai essayé de faire fonctionner est le demo.html contenu dans le json-editor project.

C'est donc mon panneau html:

HTML myHtmlPanel = new HTML(); 
myHtmlPanel.setHTML(MyHtmlResource.INSTANCE.getIntroHtml().getText()); 

Et ceci est ma ressource html:

import com.google.gwt.core.client.GWT; 
import com.google.gwt.resources.client.ClientBundle; 
import com.google.gwt.resources.client.TextResource; 

public interface MyHtmlResource extends ClientBundle { 
    public static final AnzeigeEinstellungTabWartungsplanEditorResource INSTANCE 
         = GWT.create(AnzeigeEinstellungTabWartungsplanEditorResource.class); 

    @Source("demo.html") 
    public TextResource getIntroHtml(); 
} 

Résultat: Le html est inclus et affiché, mais il n'utilise pas les js fichiers de bibliothèque.

Quelle est la manière la plus simple d'inclure cette page html incluant les scripts js?

Answer 1

Vous devez inclure le code HTML directement dans la page d'hôte GWT au lieu de le rendre via les ressources textuelles.

Le code JS peut également être inclus dans la page hôte, ou vous pouvez utiliser ScriptInjector fourni par GWT.

Pour des raisons de sécurité, je pense que le widget HTML ignorera le code JS inclus.

Vous pouvez le vérifier en ouvrant l'élément de menu "View Source" de votre navigateur.

Answer 2

Essayez d'utiliser la classe com.google.gwt.user.client.ui.Frame

Frame page = new Frame(path_to_html); 

cela va ajouter un iframe dans votre page.