Insérer un tableur Framacalc dans un article
L'idée c'est d'intégrer une ressource collaborative externe (travail simultané à plusieurs personnes, ce que ne sait pas faire l'ENT) dans un article de l'ENT, ici pour accéder à un tableur.
Autrement dit : insérer un iframe (dans le code source) avec l'adresse du tableur.
Il est préférable, pour la première fois, de lire toutes les instructions dans le pdf joint.
| Ouvrez un nouvel onglet en restant dans l'ENT avec un clic droit ICI. | |
| Allez maintenant dans le blog de votre rubrique ENT et cliquez sur "Modifier cet article" ou "Créer un article". | |
| A l'emplacement de l'insertion du tableur tapez zzz (astuce future). | zzz |
| Passez en mode code source en cliquant sur l'icone ci-contre : |
|
| Recherchez zzz (ctrl F , sur PC ou ⌘ F , sur Mac). Remarquez l'emplacement du curseur. | |
| Sélectionnez zzz (double-clic sur zzz). Remarquez que le curseur n'est plus dans le champ de recherche et il ne doit pas y être. | |
| Sélectionnez et copiez (ctrl C ou ⌘ C) le code suivant <iframe src="https://lite.framacalc.org/CalcDeTest" style="height:480px;width:660px; border:none;" ></iframe> et collez-le (ctrl V ou ⌘ V) dans le code source de l'article à la place de zzz (merci l'astuce). Vous obtenez le résultat ci-contre.
|
<p><iframe src="https://lite.framacalc.org/CalcDeTest" style="height:480px;width:660px; border:none;" ></iframe></p>
|
| Allez chez Framasoft sur la page Framacalc puis Cliquez sur Créer un calc. |
|
| Copiez l'adresse du cadre rouge (ctrl C ou ⌘ C). | |
| Revenez dans le code source de votre article | |
| Dans le code <iframe src="https://lite.framacalc.org/CalcDeTest" style="height:480px;width:660px; border:none;" ></iframe> sélectionnez le texte en vert (sans les ") et collez à la place l'adresse récupérée (ctrl V ou ⌘ V). Le code devient comme ci-contre : |
<iframe src="https://lite.framacalc.org/NomDuCalc" style="height:480px;width:660px; border:none;" ></iframe> |
| Sortez du mode code source en cliquant sur l'icone ci-contre. | |
| Votre tableur s'affiche dans votre article. Tiens quelqu'un a cliqué sur la cellule D6 ! Déjà ? Non, c'est pour montrer ce qui se passe quand on travaille à plusieurs concomitamment. | |
| Enregistrez l'article (maintenant vous pouvez frimer auprès de vos collègues... qui n'ont pas eu accès à ce tutoriel). | Mais vous pouvez aussi leur envoyer un lien vers cet (excellent) article. |
| Même sans être programmeuse.eur. vous aurez remarqué que la ligne de code comporte les mots width, height et border associés à des valeurs. Vous pouvez changer ces valeurs afin d'adapter la largeur, la hauteur ou le cadre entourant le tableur. Pour cela il faut retourner dans le code source, mais ça vous savez le faire (rappelez-vous que vous avez frimé auprès de vos collègues juste avant). | |
| Lorsque la dimension du tableur vous convient, vous pouvez enregistrer l'article. | |
Notez une chose importante qui découle de l'intégration du tableur : vous pouvez travailler directement dans le tableur SANS besoin de modifier l'article comme on devrait le faire pour un tableau de l'ENT. L'utilisation de ces documents collaboratifs est donc basée sur la confiance. Toutefois il est possible de passer le document en lecture seule, pour cela le code doit être légèrement modifié comme ci-contre : |
<iframe src="https://lite.framacalc.org/NomDuCalc/view" style="height:480px;width:660px; border:none;" ></iframe> |
| Un lien sur les fonctionnalités de Framacalc (clic droit pour ouvrir dans un nouvel onglet). |
Retrouver cette carte mentale en pièce jointe.
Pièces jointes
Catégories
- Les tutos