ajouter un widget

claireomatic

Bonjour,

Ma soeur me dit que sur le site des gîtes de France, dans l'espace propriétaire, ils indiquent :

Copier/coller le code ci-dessous sur votre site pour afficher le widget de réservation

<div class="gdf-WidgetBooking" data-source="owner" data-reference="ma_ref"></div>
<script type="text/javascript" src="https://widget.cloudspire.io/booking/sdk.js"></script>

Je ne sais pas vraiment comment c'est censé apparaitre, mais ça ne fonctionne pas, rien n'apparait, avec Firefox comme avec Safari.
Dans le code source de la page affichée, je ne vois que la première ligne de code, alors que j'ai bien collé les deux.
En même temps, sans m'y connaitre en code, j'ai du mal à comprendre comment ça pourrait fonctionner avec si peu... C'est censé fonctionner avec juste ça, vous croyez ?

Max

Hello !

Sur ton site, dans le code source (sur la page "Renseignements"), je ne vois que la div, pas le script ajouté.
Tu l'as enlevé ou pas ?
Comment l'ajoutes-tu ? Dans une page avec TinyMCE ?

En même temps, sans m'y connaitre en code, j'ai du mal à comprendre comment ça pourrait fonctionner avec si peu... C'est censé fonctionner avec juste ça, vous croyez ?

Oui, ça peut fonctionner. Le fichier js peut très bien aller chercher des infos sur le site des gîtes de france, avec le data-reference pour aller chercher les infos de ton gîte.

claireomatic

Ben non, moi j'ai pas enlevé le script, c'est ce que je disais : j'ai bien copié les 2 lignes de code, et je ne vois que la première. Donc c'est pas normal ?
Oui, je l'ai collé dans TinyMCE, en étant passée par tools/source code. Le truc bizarre, c'est que je colle la ligne, je clique sur OK et j'enregistre la page, j'ouvre à nouveau le code, et la ligne de script a disparu. Donc le problème semble au niveau de TinyMCE effectivement.

Max

claireomatic
Les gestionnaires de contenu comme TinyMCE bloquent les scripts etc pour éviter, sur un forum par exemple, que tout le monde ne fasse n'importe quoi.
Si tu veux les activer, va dans le fichier "plugin/tinymce/tinymce.php"et remplace :

  tinymce.init({
    selector: 'textarea.editor',
    plugins: [

par ça :

  tinymce.init({
    selector: 'textarea.editor',
    extended_valid_elements : 'a[class|name|href|target|title|onclick|rel],script[type|src],iframe[src|style|width|height|scrolling|marginwidth|marginheight|frameborder],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]',
    plugins: [

Ensuite tu pourras copier ton code directement dans la source, dans TinyMCE.

Ou alors, il faut désactiver les éditeurs dans la gestion des plugins, et coller ton code dans la page. Mais si tu édites ta page et que tu as réactivé TinyMCE, ton script va disparaître.

Quand à éditer le contenu directement dans le JSON, c'est une très mauvaise idée 😉

claireomatic

J'ai essayé de copier la ligne de script directement dans pages.json, mais ensuite quand j'essaie de l'ouvrir avec Firefox, ça me dit :

SyntaxError: JSON.parse: expected ',' or '}' after property value in object at line 1 column 9960 of the JSON data

Et c'est carrément tout le site qui n'apparait plus, j'ai une page strictement blanche quand je rafraichis l'URL.

claireomatic

C'est bon, avec ton truc ça a marché, merci beaucoup !