Afficher le code HTML rendu du document HTML dans le nouveau Google Drive

13

Dans l'ancien lecteur Google, avant la refonte du matériel, on pouvait ouvrir un document HTML et afficher la source dans un modal (fenêtre contextuelle avec une superposition derrière). Ensuite, lorsque vous avez ouvert à partir de là, il a rendu le code HTML.

Dans le nouveau lecteur Google, puis-je afficher mon code HTML de quelque manière que ce soit? En d'autres termes, héberger un site Web statique dans Google Drive?

Pour le moment, cela me permet simplement d'afficher la source ou de la modifier avec des extensions. Je veux voir le rendu. La page Web réelle.

irfan
la source

Réponses:

7

Pour le moment, ils se sont débarrassés de la possibilité de prévisualiser les fichiers HTML à partir de l'interface Drive, mais vous pouvez toujours afficher ou héberger les fichiers HTML qui se trouvent dans des dossiers publics comme suit:

  1. Ouvrez le dossier (partagé publiquement) que vous souhaitez partager à partir de l'interface Google Drive.
  2. Identifiez l'URL du dossier dans votre barre d'adresse. Cela ressemblera à quelque chosehttps://drive.google.com/?authuser=0#folders/0B81vQexWOx6hRDVMQWZTekx4Umc
  3. Remplacer https://drive.google.com/?authuser=0#folders/par "googledrive.com/host/"
    • Votre nouvelle URL ressemblera à ceci: http://www.googledrive.com/host/0B81vQexWOx6hRDVMQWZTekx4Umc

Si vous avez un index.htmlfichier, ce lien vous amènera à la page en direct, sinon, vous serez redirigé vers la vue HTML publique du dossier.

Si vous souhaitez afficher un fichier spécifique dans le dossier, vous pouvez ajouter son nom de fichier à la fin de l'URL comme ceci: http://www.googledrive.com/host/0B81vQexWOx6hRDVMQWZTekx4Umc/chromedock.html

Ces liens seront publiquement utilisables.

J'ai créé un bookmarklet pour automatiser le processus de recherche des liens publics pour les fichiers et les dossiers. N'hésitez pas à créer un nouveau signet (appelez-le quelque chose comme "Hôte de Google Drive") et collez le code suivant comme URL:

Il s'agit d'une version mise à jour du bookmarklet qui fonctionne avec la nouvelle structure d'URL de dossier de Google Drive.

javascript:var fOlDeR_URL = ""; fOlDeR_URL += document.location; fOlDeR_ref = fOlDeR_URL.split("/"); cLeAn_URL = "http://www.googledrive.com/host/"; cLeAn_URL += fOlDeR_ref[fOlDeR_ref.length-1]; nEw_URL = cLeAn_URL+"/"+prompt("To view the public HTML version of a file within this folder, enter its filename (such as mypage.html) below and hit enter.\n\nTo view the public HTML version of this entire folder (or its index.html, if it exists), just hit enter and you'll be directed to:\n\n"+cLeAn_URL,""); window.open(nEw_URL);

Une fois que vous l'avez mis en signet, accédez simplement au dossier pour lequel vous souhaitez que l'URL publique dans Google Drive et cliquez sur le signet.

gwistix
la source
Étape 3: L'URL n'est pas modifiable. Est-ce que cela a changé depuis la publication de la réponse?
Russ Bateman
1
Si vous effectuez les trois étapes, vous changez simplement l'URL directement à partir de votre barre d'adresse. Supprimez la partie qui dit https://drive.google.com/?authuser=0#folders/et tapez à la googledrive.com/host/place. Il est aussi modifiable que n'importe quelle URL. Si vous utilisez le bookmarklet, il n'est pas nécessaire de modifier l'URL, car il le fait pour vous.
gwistix
1
Une autre chose à noter: il semble qu'ils aient changé la structure du fichier URL, donc cela ne fonctionne désormais que pour les dossiers à l'intérieur de votre dossier principal Google Drive; cela ne fonctionne plus pour les dossiers imbriqués dans d'autres dossiers :(
gwistix
1
J'ai réécrit le bookmarklet pour qu'il fonctionne avec la nouvelle structure d'URL du dossier et j'ai mis le nouveau dans la publication d'origine ci-dessus, si cela vous intéresse.
gwistix
2
Remercier! Malheureusement, cela ne fonctionne que dans un dossier partagé publiquement. Mon entreprise utilise Google Drive et je souhaite partager des fichiers HTML contenant des informations restreintes. Je peux le faire dans une présentation, une feuille de calcul, un formulaire, un dessin, etc., mais je ne peux pas publier un document HTML à rendre par le navigateur, sauf par ce mécanisme. Hélas.
Russ Bateman
1

Il est possible d'ajouter les applications de visualisation / édition tierces à Google Drive maintenant. Les simples visualiseurs HTML ne manquent pas. Essayez de sélectionner «Ouvrir avec», puis «Connecter plus d'applications», puis recherchez des applications en tapant «HTML» dans la case prévue à cet effet. L'application nommée (littéralement) "visionneuse HTML" me sert très bien.

h22
la source
1

Si vous ne souhaitez pas partager publiquement vos documents HTML enregistrés et ne souhaitez pas installer une simple visionneuse HTML dans google docs (ils veulent accéder à votre profil, etc.) et utilisez MacOS ou Windows, vous pouvez installer un application de lecteur natif sur votre ordinateur. Ensuite, vous pouvez ouvrir les fichiers directement et les prévisualiser dans le navigateur de votre système d'exploitation. C'était la meilleure option pour moi, mais ne fonctionnera certainement pas pour tout le monde.

Tongfa
la source
0

J'ai remarqué que les fichiers HTML sont affichés (plus ou moins correctement) avec l'application Google Drive sur mon mobile Android ( https://play.google.com/store/apps/details?id=com.google.android.apps. docs & hl = en ). Vous devez attendre un peu que le fichier soit chargé. Mais au moins vous ne voyez plus le code html, vous pouvez voir les images (au moins si vous utilisez SingleFile pour enregistrer vos fichiers html. Cela pourrait fonctionner pour d'autres mais je ne l'ai pas encore testé!) Et il est lisible ! OUI !! ;) Hélas, cela ne fonctionne pas (encore?) Sur mon PC avec Google Chrome lorsque j'essaie d'ouvrir des fichiers html à partir du site Web de Google Drive ( https://drive.google.com/drive/my-drive ). ; (

Erb
la source