CIWIDGET

Published : 9 June 2021 – updated on 19 January 2026 – by Equipement – 64 commentaires

1
2
3
4
5
41 Votes

La version 3.5 de CIWIDGET offre 26 widgets : pour publier des graphiques (colonnes, lignes, radar, etc.), pour publier des tableaux, etc.

Compatibilité

La compatibilité avec les versions de SPIP figure dans la colonne de droite de la présente page.

Les objectifs de ce plugin

L’objectif est de pouvoir afficher facilement, dans le texte d’un article d’un site SPIP, des contenus autres que du texte, des images et des pièces jointes.

Dans ce cadre, le plugin CIWIDGET offre (dans la version 3.5) les 26 widgets suivants :

  • Widget audio
  • Widget bloc
  • Widget bloc simple
  • Widget bloc alerte
  • Widget carte choroplèthe
  • Widget carte simple (uniquement si le plugin GIS est actif)
  • Widget chiffre
  • Widget citation
  • Widget galerie d’image
  • Widget graphique (colonnes, barres, secteurs, radar, etc.)
  • Widget iframe
  • Widget infographie
  • Widget Linkedin
  • Widget portrait
  • Widget RSS (articles d’un autre site par syndication)
  • Widget site référencé
  • Widget slideshare
  • Widget tableau
  • Widget tweet
  • Widget fil d’information de Twitter
  • Widget vidéo
  • Widget vidéo distante
  • Widget vidéo de Dailymotion
  • Widget vidéo de Terra
  • Widget vidéo de Youtube
  • Widget streaming HLS

Les prochaines versions du plugin CIWIDGET comprendront davantage de widgets.

Les widgets sont compatibles avec des écrans de faible largeur (responsive).

Les fonctionnalités sont détaillées dans le document Description du plugin CIWIDGET ci-joint au format PDF.

Par exemple, le widget Graphique offre 10 types de graphique : colonnes, colonnes avec une courbe de tendance, colonnes empilées, colonnes empilées avec une courbe de tendance, barres, barres empilées, secteurs, anneau, lignes, radar.

Vidéo de démonstration de CIWIDGET version 1

Cliquer ci-dessous pour afficher cette vidéo :
vidéo

Vidéo de démonstration du widget pour publier des graphiques

Cliquer ci-dessous pour afficher cette vidéo :
vidéo

Installation

Il est nécessaire d’installer également les plugins :
-  CIAUTORISER
-  CISTYLE (qui figure également dans la colonne de droite de la présente page, dans la section "Autres téléchargements).

Remarque : Si le site utilise le plugin CISF, il est nécessaire d’utiliser au moins la version 4.1 de CISF. S’il utilise le plugin CIAR, ce dernier doit être au minimum en version 2.9. S’il utilise le plugin CISQUEL, ce dernier doit être au minimum en version 3.7.

Comment ajouter un widget ?

Dans l’espace privé, dans la page de l’article, cliquer sur le nouveau bouton « Ajouter un widget » (en bas à droite).

La page suivante s’affiche. Cliquer sur le widget souhaité (par exemple : un Tweet issu de Twitter)

La page suivante s’affiche. Renseigner les informations obligatoires ...

... ou cliquer d’abord sur le lien “Afficher/masquer les explications”

Après avoir cliqué sur le bouton [Enregistrer], le widget apparaît dans la liste des widgets attachés à l’article (en dessous de la liste des documents).

Il est possible de modifier ou de supprimer un widget (comme pour les documents).

Pour insérer le widget dans le texte de l’article, il convient de procéder comme pour les documents.

Une fois le raccourci <widget_tweet...|center> inséré dans le texte de l’article, on peut prévisualiser l’article (ou le publier).

Quels sont les apports du widget vidéo ?

Par rapport à l’insertion classique d’une vidéo dans SPIP (que l’on peut continuer à utiliser), le widget vidéo :

  • Indique, par sa présence, la possibilité de téléverser des vidéos.
  • Permet de limiter les formats autorisés.
  • Permet d’imposer un débit vidéo maximal avec audio.
  • Informe l’utilisateur sur le poids maximal, les formats autorisés et, le cas échéant, le débit maximal autorisé.
  • Permet de saisir une “Transcription textuelle” (stockée dans le descriptif), qui s’affichera sur le site public lorsque l’on cliquera sur le bouton “Voir la version texte”.
  • Offre deux options supplémentaires : tourne en boucle, démarre automatiquement.

Remarque : le plugin offre un lecteur vidéo accessible et compatible avec des écrans de faible largeur (responsive). La configuration générale offre trois choix d’apparence, c’est-à-dire 3 skins, pour le lecteur vidéo (cf. document de description du plugin ci-joint).

Configuration générale des widgets

La configuration générale consiste à modifier les valeurs par défaut des widgets.

La configuration générale est facultative. En effet, les widgets disposent de valeurs par défaut.
Seul un administrateur du site peut configurer.

Dans le cas où la configuration est imposée au site (cf. document de description du plugin ci-joint), il est possible de voir la configuration, sans pouvoir la modifier.

Pour configurer, il convient de se placer dans l’espace privé de SPIP et de cliquer sur le menu Configuration / Configurer les widgets .

La configuration générale permet d’activer la prise en compte du RGPD pour les widgets concernés (cf. document de description du plugin ci-joint).

Versions successives du plugin CIWIDGET

La version 2.8 apporte la compatibilité avec PHP 8.0 et 8.1, ainsi que la compatibilité avec SPIP 4.1.

La version 2.8.1 contourne des incompatibilités avec l’ancien PHP 5.4.

La version 2.9 offre davantage de possibilités de configuration du widget Graphique, en particulier pour les graphiques de type ligne.

La version 2.9.4 apporte les évolutions suivantes :
-  widget Dailymotion : il accepte, en plus, les deux syntaxes d’adresses suivantes : https://dai.ly/... et https://www.dailymotion.com/partner/xhpvnp/media/video/details/...
-  widget “Fil d’info de Twitter” : le formulaire du widget affiche le message d’avertissement suivant : “Suite à une évolution de Twitter de juillet 2023, selon le compte Twitter et selon que le visiteur du site s’est préalablement authentifié ou non sur Twitter, le fil d’information peut afficher le message “Rien à voir ici. Pour le moment.” ou peut afficher les tweets dans le désordre en présentant en premier des tweets très anciens.”
-  widgets Tweet et “Fil d’info de Twitter” : ils acceptent, en plus, les adresses en “x.com”.
-  widget Tweet : Adaptation du message d’explication du formulaire, à l’évolution de la manière de récupérer l’URL du Tweet.
-  widget Vidéo de terra : il prend en compte l’évolution de l’adresse pour afficher une vidéo.

La version 2.9.5 apporte le widget iframe.

La version 2.9.6 apporte des possibilités supplémentaires pour le widget iframe.

La version 3.0.0 de CIWIDGET apporte les widgets galerie d’image, citation et portrait. Elle apporte la compatibilité avec SPIP 4.2. Elle utilise la nouvelle version 2 du plugin CISTYLE.

La version 3.1.0 de CIWIDGET apporte la compatibilité avec le plugin BigUp (qui est livré avec SPIP 4).

La version 3.2.0 de CIWIDGET apporte la compatibilité avec PHP 8.2.

La version 3.4.0 de CIWIDGET apporte la compatibilité avec SPIP 4.4 et PHP 8.4.

La version 3.4.3 de CIWIDGET apporte le passage à la version 1.25.0 de la librairie tarteaucitron.js .

La version 3.4.4 de CIWIDGET : Suite à une évolution de Dailymotion, le lecteur de vidéo standard de Dailymotion, appelé par le widget Dailymotion de CIWIDGET, lance désormais automatiquement les vidéos. Cette nouvelle version de CIWIDGET offre deux solutions pour contourner cela. Elles sont décrites dans le fichier CHANGELOG.md .

Discussion

5 years 1 year 3 months Without limit
par date
Filter

19 discussions

  • 2
    Philippe

    Bonjour,

    J’ai configuré les widgets graphiques pour permettre l’export au formats CSV et XLS. Ça fonctionne très bien à la création d’un graphique. Mais dès lors qu’on modifie le widget existant (modification du type ou des données), le lien “Télécharger les données du graphique au format : csv xls” ne s’affiche plus.

    SPIP 4.2.6 et ciwidget 2.6.0

    Merci pour ce magnifique plug-in.

    Reply to this message

  • 4
    MArc

    Bonjour,

    Twitter est devenu X et bien sûr le système attend twitter.com et non x.com donc les adresses venant de X posent problème, on peut certes les modifier à la main !

    Une petite mise à jour ne serait pas sotte ...

    Merci d’avance !

    • Equipement

      Bonjour,
      C’est déjà prévu pour la prochaine version de CIWIDGET.

    • MArc

      C’est génial merci et elle est prévue pour quand cette prochaine version ? (le type collant !)

    • Equipement

      La version 2.9.4 (fichier ciwidget_230920.zip joint au présent article) apporte 5 évolutions (détaillées à la fin du texte du présent article), dont :
      -  widgets Tweet et « Fil d’info de Twitter » : ils acceptent, en plus, les adresses en « x.com ».

    • MArc

      Bravo et merci !

    Reply to this message

  • 3
    Patrice MOREL

    Bonjour,
    En voulant rechercher un Document dans la bibliothèque de mon site, aucun n’est apparu et une fenêtre d’avertissement m’indique :

    Erreur d’exécution ../plugins-dist/medias/prive/squelettes/inclure/mediatheque-galerie.html | File […]/ecrire/base/objets.php Line 1114 : Argument 2 passed to id_table_objet() must be of the type string, null given, called in […]/plugins/auto/ciwidget_201104/ciwidget/urls/generer_url_ecrire_widget.php on line 34

    Si je désactive le plugin je retrouve mes Documents !
    J’ai installé la version 4.2.2
    Je suis en SPIP 2.0.1

    Auriez-vous une idée pour dépanner ?
    Merci par avance
    Patrice

    • Equipement

      Bonjour,
      Je ne constate pas ce problème.
      Est-ce que la phrase “Je suis en SPIP 2.0.1” est exacte ?

    • Equipement

      En prenant l’hypothèse que, dans le message initial, les deux phrases :
      “J’ai installé la version 4.2.2”
      “Je suis en SPIP 2.0.1”
      sont inexactes et qu’elles devraient être :
      “J’ai installé la version 4.2.2 de SPIP”
      “Je suis en CIWIDGET 2.0.1”
      Alors il convient d’utiliser une version récente de CIWIDGET (la version actuelle est la version 2.9.3).

    • Patrice MOREL

      Bonsoir et merci d’avoir répondu,
      Effectivement mes doigts n’ont pas suivi le cerveau... c’est bien l’inverse !
      Tout fonctionne après avoir désinstallé et réinstallé la nouvelle version.
      Merci encore pour travail et réactivité.
      Bonne soirée
      Patrice

    Reply to this message

  • 6
    Essaillon

    Ciwidget video

    Y a-t-il moyen d’ajouter une vidéo déjà dans la bibliothèque. Pour l’instant on ne en peut charger que depuis son ordi :((
    Merci

    • Equipement

      Une vidéo qui est dans la médiathèque (au sens SPIP) peut être ajoutée avec le widget “vidéo distante”.
      Dans la médiathèque, il convient de faire un clic droit sur la vidéo souhaitée puis de sélectionner, dans le menu contextuel, “Copier le lien”. Ensuite, il convient de copier ce lien dans le widget “vidéo distante”.

    • Essaillon

      Merci bcp

      +1

    • Essaillon

      Bonjour,

      C’est un peu galère cette méthode de copier le lien du media : il faut ouvrir une autre fenêtre du navigateur, copier le lien, revenir sur la fenêtre du plugin pour copier le lien.

      N’y aurait-il pas moyen dans une MàJ à venir, de créer un moteur de recherche comme pour les images avec le choix
      Ordi | Serveur | Internet

      Merci

    • Equipement

      Mon rôle n’est pas d’offrir une assistance à la réalisation d’une fonctionnalité sur mesure pour un site particulier.

    • Equipement

      Une autre approche consiste à :
      a) Insérer la vidéo (présente dans la médiathèque) dans le texte de l’article avec la démarche classique de SPIP.
      b) Dans le texte de l’article, remplacer le raccourci de la vidéo :

      <emb...>

      par

      <video...>
    • Jer

      Ou encore avec oEmbed
      oEmbed

    Reply to this message

  • 2
    guilaind

    Comment modifier la limite de 2 Mo sur le widget Audio ? J’ai la sensation que le plugin BigUpload n’a pas d’impact sur la limite de 2 Mo du plugin CIWIDGET
    J’ai un podcast dont l’url distante est assortie d’un jeton, ce qui veut dire qu’il expire et ne peut donc plus s’afficher. Dans la configuration actuelle je ne peux pas diffuser le podcast sauf à intégrer du code tiers Deezer ou Spotify, ce que je ne souhaite pas.
    S’il y avait la même fonction “importer” que sur les documents type pdf, ça règlerait le problème.
    Si quelqu’un a une piste, je suis preneur :)

    • Equipement

      CIWIDGET n’impose pas de limite de taille pour le téléversement des fichiers audio.
      CIWIDGET informe l’utilisateur de la limite de taille définie dans la configuration de PHP (en tenant compte des valeurs de upload_max_filesize et post_max_size).

    • guilaind

      Merci pour la réponse rapide. Je viens enfin de regarder et ça marche :)

    Reply to this message

  • 2
    Vincent

    Bonjour,
    Je souhaite forcer le paramétrage des widgets sur plusieurs sites avec le fichier _config_ciwidget.php.

    Sur les sites paramétrés avec ce fichier tous les paramètres sont bien forcés, sauf pour la section “Désactiver certains widgets” : un administrateur a la possibilité d’activer/désactiver certains types de widgets sur le site.

    Est-ce le comportement normal de ne pas forcer l’activation/désactivation des widgets via le fichier de paramétrage ? Ou bien une manip spécifique doit être effectuée lors de l’export de la configuration ?

    • Equipement

      C’est le comportement normal de ne pas forcer l’activation/désactivation des widgets via le fichier de paramétrage.

      C’est l’administrateur du site qui a la possibilité d’activer/désactiver certains types de widgets sur le site.

    • Vincent

      OK bien reçu !
      Merci pour ce rapide retour ;-)

    Reply to this message

  • 4
    guilaind

    Bug sur fonction tableau : j’avais créé un 1er tableau que j’ai modifié car il me remplaçait “-” par une puce. Après avoir enregistré, impossible de réafficher les chiffres. J’ai vidé le cache, supprimé le tableau, et en créant un autre tableau, plus aucune cellule : voir l’image en PJ

    Je suis en SPIP 3.2.11 [24285] et CIWIDGET 2.5.1, PHP 7.4.20

    • Equipement

      Quel était le contenu du tableau ?

    • guilaind

      A force d’avoir vidé le cache et réinstallé le plugin, les lignes de tableau sont réapparues, néanmoins je ne cherche plus à utiliser cette “lame” du plugin en l’état.
      Le contenu de mon tableau était un peu de texte et des chiffres : voici son tableau fait “à l’ancienne” et qui permet d’ailleurs de fusionner des cellules.

      | |<|Importance|Performance|Gap|
|1|No hidden costs|55%|40%|-15%|
|2|Offering fully flexible or refundable products|45%|43%|-2%|
|3|Has implemented COVID-19 H&S measures|44%|56%|12%|
|4|Long-term safety track record|39%|50%|11%|
|5|Consistently meeting expectations|39%|46%|7%|

      Lors de mes essais, j’ai constaté que dans une cellule en négatif (avec un “-” devant le chiffre, avec ou sans espace), le “-” se transforme en puce. J’ai la sensation que le tableau CIWIDGET reprend toute donnée au format “texte”

    • Equipement

      a) La version 2.5.2 de CIWIDGET (jointe à la présente page) évite que le caractère – soit remplacé par une puce.

      b) Dans le cas où le formulaire de saisie du tableau n’affiche pas le tableau (c’est-à-dire qu’aucune ligne n’est affichée, même pas la ligne qui contient A, B, C, D), il convient :
      -  d’appuyer sur la touche F12,
      -  puis de cliquer sur l’onglet « Console »,
      -  puis d’effectuer un clic droit sur le message d’erreur (qui s’affiche dans la console) et de sélectionner « Copier » (ou « Copier le message »).
      -  puis de poster (dans le présent forum) ce message d’erreur.
      Remarque : dans le cas précité, le vidage du cache de SPIP est sans effet.

      c) CIWIDGET offre des widgets (et pas des « lames »).

    • guilaind

      Super pour les “-” :)
      Désolé pour les “lames”. Je ne savais pas trop comment les appeler.
      Au prochain problème, je regarderai la console.

    Reply to this message

  • 1
    rico

    Bonjour,
    Serait-il envisageable pour le widget graphique de pouvoir décider d’afficher ou pas “Voir la version texte” comme c’est déjà possible avec la légende.
    Merci.

    • Equipement

      Bonjour,
      Ces graphiques ne sont pas accessibles par exemple pour un non voyant. Il est donc impératif d’offrir systématiquement une alternative. C’est le rôle du bouton « Voir la version texte ».

    Reply to this message

  • 1
    Jean Christophe Villeneuve

    Bonjour

    Sur ce site https://physique-chimie.enseigne.ac-lyon.fr/spip/ on affiche quelques videos dans une noisette grâce au plugin Video(s) et le raccourci

    #MODELE{video,document=#ID_DOCUMENT}

    Mais dès que l’on active le plugin ciwidget l’affichage des videos issues de Youtube est dégradé : affichage d’une vignette au lieu de la video + titre + texte

    Une idée de l’origine du problème ?

    • Equipement

      Bonjour,
      Le plugin Vidéos surcharge le modèle “video” de SPIP et le plugin CIWIDGET surcharge également le modèle “video” de SPIP.
      Pour rendre prioritaire le modèle du plugin Vidéos, une solution consiste à remplacer, dans le fichier paquet.xml du plugin Videos, la ligne :

      <utilise nom="figure" compatibilite="[0.2.8;["/>

      par :

      <utilise nom="figure" compatibilite="[0.2.8;["/>
<utilise nom="ciwidget" compatibilite="[1.0.0;["/>

    Reply to this message

  • guilaind

    Depuis que j’utilise le plugin, je ne peux plus m’en passer. Merciiiiii

    J’ai 2 suggestions :

    1. permettre d’utiliser un même widget dans plusieurs articles : j’ai essayé de partager un widget YouTube attaché à un article à un autre article et rien ne s’affiche côté public. SI on pouvait gérer les widgets comme les documents ça serait top.
    2. avoir un widget Vimeo qui est pour le coup beaucoup moins intrusif que YouTube. En attendant, on peut utiliser la fonctionnalité de partage de Vimeo avec un iframe responsive

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

pre-moderation

Warning, your message will only be displayed after it has been checked and approved.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom