Autoriser un rédacteur à intégrer un script dans un article

Janvier 2013

Bonjour, je souhaiterai pouvoir intégrer un script dans un seul article d’un site sous spip dont je suis administrateur.

J’ai bien essayé d’inclure la ligne suivante lors de la rédaction de l’article :

<script type="text/javascript" src="html5game/index.js?ALBYB=1059429015"></script>

mais cela ne fonctionnr pas.

Quelqu’un peut-il m’aider ?

Articles Modèles Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Gilles

Janvier 2013

En principe il faut utiliser #TEXTE** pour échapper les contrôles de sécurité. (comme expliqué ici : http://www.spip.net/fr_article4376.html)

Sinon pour insérer un code Javascript tout en restant sécurisé, le plus simple est d’utiliser un modèle :

a) vous créez dans un répertoire modeles/ un squelette à inclure. Par ex. scripthtml5game.html
b) Ce fichier contient le code Javascript voulu
c) insérez le contenu du modèle dans vos article via <scripthtml5game>

Explication sur les modèles SPIP : http://www.spip.net/fr_article3454.html
Indiquez l’intérêt que vous portez à cette réponse

0

Janvier 2013

Merci pour cette réponse.
Après lecture des pages, j’ai réussi à créer un modèle, mais il semble que le script ne tourne pas.

Lorsque je lance le modèle seul (comme une simple page HTML), tout fonctionne correctement.

En revanche, lorsque je l’emploi dans une page Spip, je n’obtiens qu’un canevas noir...

Une idée ?

Précision 1 : le script que j’essaie de lancer est un jeu, avec son et images contenus dans le répertoire html5game

Voici le code utilisé pour le modèle :
<!DOCTYPE html> <html lang="en"> <head> <style> canvas { image-rendering: optimizeSpeed; -webkit-interpolation-mode: nearest-neighbor; margin: 0px; padding: 0px; border: 0px; } :-webkit-full-screen #canvas { width: 100%; height: 100%; } div.gm4html5_div_class { margin: 0px; padding: 0px; border: 0px; } /* START - Login Dialog Box */ div.gm4html5_login { padding: 20px; position: absolute; border: solid 2px #000000; background-color: #404040; color:#00ff00; border-radius: 15px; box-shadow: #101010 20px 20px 40px; } div.gm4html5_cancel_button { float: right; } div.gm4html5_login_button { float: left; } div.gm4html5_login_header { text-align: center; } /* END - Login Dialog Box */ :-webkit-full-screen { width: 100%; height: 100%; } </style> </head> <body> <div class="gm4html5_div_class" id="gm4html5_div_id">  <canvas id="canvas" width="800" height="600"> <p>Your browser doesn't support HTML5 canvas.</p> </canvas> </div>  <script type="text/javascript" src="squelettes/modeles/html5game/index.js?BZKYB=1689017939"></script> </body> </html>
Indiquez l’intérêt que vous portez à cette réponse

0

Gilles

Janvier 2013

Le modèle ne doit contenir que la partie de la page qui appelle le script. donc les balises <head>, <html> et <body> sont en trop
Indiquez l’intérêt que vous portez à cette réponse

0

Janvier 2013

J’ai enlevé les balises comme dit dans votre dernier message, mais j’obtiens toujours le même résultat.

Le canevas noir apparaît bien à la position souhaitée, mais le script ne semble pas se charger...
Indiquez l’intérêt que vous portez à cette réponse

0

rubenxela

Septembre 2013

Je déterre ce sujet sur lequel je bossais aujourd’hui (modèles).
Pour intégrer un modèle il faut effectivement baliser le titre de la page de la forme <scripthtml5game> mais en y ajoutant un chiffe comme pour img et doc, ce qui donne <scripthtml5game1>
Indiquez l’intérêt que vous portez à cette réponse

0

Gilles

Septembre 2013

Au temps pour moi, désolé d’être passé à côté de cette erreur..