SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 181 visiteurs en ce moment

Accueil > Outils pour plugins > Palette > Palette

Palette

2 août 2008 – par Daniel FAIVRE, kent1, Maïeul – 88 commentaires

23 votes

Ce plugin facilite la sélection de couleurs dans des formulaires de configuration. Il suffit d’ajouter la classe CSS palette sur les input souhaitant disposer de ce sélecteur.

Ce plugin intègre la librairie tinyColorPicker dans SPIP afin de permettre aisément de sélectionner une couleur sur les formulaires qui en ont le besoin.

Installation et configuration

Ce plugin peut s’installer simplement par l’intermédiaire du gestionnaire de plugins de SPIP. Voir page dédiée.

Vous pouvez configurer ce plugin en cliquant sur sa petite icône de configuration depuis la page de gestion des plugins une fois ce plugin activé.

La configuration permet d’insérer les scripts nécessaires au fonctionnement du plugin dans l’espace privé et/ou dans l’espace public.

Utilisation

À partir du moment où la librairie est insérée dans la page (voir la configuration), tout champ input de formulaire HTML possédant la classe palette aura un sélecteur de couleur associé.

Attention ! Le sélecteur n’apparaîtra que lorsque l’on cherchera a éditer le contenu du champ ; cependant la couleur de fond déjà sélectionnée est visible.

Exemples

Sélecteur de couleur sur un input :

  1. <input class="palette" name="couleur" value="#dfdfdf" />

Sélecteur de couleur avec gestion de la transparence (version 4+)

  1. <input class="palette" name="couleur"
  2. value="rgba(100,10,200,.6)"
  3. data-palette-withalpha="1"
  4. />

Télécharger

Historique

  • À partir de la version 4, la transparence peut être gérée
  • Avant la version 4 du plugin, la librairie Farbtastic était utilisée.
  • Avant SPIP 3, le plugin CFG permettait la même chose mais la classe à appliquer était « cfg_couleur ». Il suffit de remplacer « cfg_couleur » par « palette »

Voir en ligne : https://plugins.spip.net/palette

Dernière modification de cette page le 12 novembre 2017

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 13 novembre à 14:15, par HirisBen En réponse à : Palette

    Bonjour,
    Je ne comprends pas comment ça marche . Je l’ai déjà utilisé dans des versions plus anciennes sans problème mais là, après installation et configuration, rien. Pour coloriser du texte au moment de la saisie de l’article, où faut-il ajouter <input class="palette" name="couleur" value="#dfdfdf" /> pour faire apparaître le sélecteur ?
    Si quelqu’un veut bien me renseigner...
    Merci de votre aide...

    • Le 13 novembre à 14:18, par Maïeul En réponse à : Palette

      Palette n’a jamais servi à colorer des textes. C’est un outil qui est appelé par d’autres plugins pour afficher une palette de couleur, qui peut servir à des usages variés en fonction du plugin.

      Donc vous deviez très certainement utiliser un autre plugin pour vos couleurs dans les textes. J’ignore lequel. Il se peut deux choses :
      -  ce plugin a été désactivé
      -  ce plugin utilise palette, mais n’est pas compatible avec la version la plus récente.

    • Le 13 novembre à 15:31, par HirisBen En réponse à : Palette

      Je comprends du coup ! Effectivement, j’utilisais Scolaspip...
      Bon... c’est un peu trop technique pour moi, tant pis pour la couleur !
      Merci beaucoup de votre réponse en tout cas !!

    • Le 13 novembre à 15:37, par Maïeul En réponse à : Palette

      Pourquoi un passé ?

      Du reste je ne pense pas que scolas spip lui même gère la couleur dans les articles (s’il s’agit bien de cela), il doit faire appel un à un plugin externe (où vous même en avaient installé un).

      Je dirais de demander directement sur la page de scolaspip.

      Cela étant, les colurs dans les articles sont rarement conseillées.

      A mon avis, c’est du côté du plugin enluminure typographique qu’il faut chercher.

    Répondre à ce message

  • Le 25 octobre à 06:25, par Pascal FORTIN En réponse à : Palette

    Bonjour,
    Palette n’est plus opérant depuis le passage à SPIP 3.2.0.
    Ai-je loupé quelque chose ?
    Merci pour les conseils.
    Pascal FORTIN

    • Le 25 octobre à 10:43, par Maïeul En réponse à : Palette

      Quelle version utilisez vous ?

    • Le 25 octobre à 15:37, par Pascal FORTIN En réponse à : Palette

      La dernière version de palette (4.0.7 tenue à jour régulièrement les mises à jour automatiques des plugin) et la dernière version de spip (3.2.0).
      Face au dysfonctionnement, la librairie Farbastic a été supprimée.

      pour voir : http://clg-capucins-melun.fr

      Pascal FORTIN

    • Le 25 octobre à 16:30, par Maïeul En réponse à : Palette

      Je ne sais pas, il faudrait que je fasse des tests approfondis… et VRAIMENT pas le temps.

    • Le 25 octobre à 17:38, par Matthieu Marcillaud En réponse à : Palette

      Face au dysfonctionnement, la librairie Farbastic a été supprimée.

      Bah elle n’est plus utilisée de toutes façons depuis la version 4 du plugin !

      Et sinon, en quoi la capture d’écran montre un problème ? Vous parlez vraiment du bon plugin ?

    Répondre à ce message

  • Le 22 août à 09:44, par Matthieu Marcillaud En réponse à : Palette

    La version 4 du plugin Palette, pour SPIP 3.1+ utilise maintenant la librairie tinyColorPicker à la place de Farbtastic.

    Répondre à ce message

  • Le 6 novembre 2015 à 15:37, par Lexi En réponse à : Palette

    Bonjour spipien,

    Bravo pour ce plugin ! Palette se révèle un plugin indispensable dans mon projet de site, notamment pour coloriser des contenus à éditer en ligne.

    Je travaille avec le canvas de html5, et bien entendu des javascripts. Or il apparait qu’au changement de contenu de mon champ input, sous l’action de palette & farbastic, le javascript de mon canvas ne se déclenche pas automatiquement, du moins pas avec le onchange=« fn() » du HTML DOM Events. J’ai réussi à provoquer un déclenchement « automatique » avec le onmousemove=« fn() » , c’est-à-dire lorsque la souris sort de la fenêtre farbastic. C’est fastidieux. J’aurais aimé que le déclenchement (trigger) se fasse au clic dans farbastic, car c’est bien entendu beaucoup plus intuitif pour l’utilisateur.

    J’ai testé beaucoup d’autre Html Dom events, mais sans y parvenir. Y-a-t-il une solution ?

    Salutations respectueuses et spipiennes,
    LEXI

    http://caricaturejs.com

    • Le 16 novembre 2015 à 11:43, par Lexi En réponse à : Palette

      Après bien des essais infructueux, je m’en suis remis au web color picker jscolor qui a l’avantage de réagir à la volée au « onchange event ». Dès le clic de souris dans son « farbastic », le code couleur est soumis au script sans devoir passer par un bouton de « submit » pour valider le « input ». C’est rapide et intuitif.

      Exemple

      Donc j’abandonne « Palette », car malheureusement totalement incompétent pour proposer une amélioration de son js.

      Avec regrets !
      LEXI

    Répondre à ce message

  • Le 12 novembre 2014 à 22:49, par chankalan En réponse à : Palette

    Bonsoir,
    j’ai testé en local le plugin Palette sur SPIP 3.1 et tout semble bien marché : par précaution j’ai changé (en local toujours) .attr() en .prop() ici http://zone.spip.org/trac/spip-zone/browser/_plugins_/palette/trunk/javascript/palette2.js.html#L48 et aussi ligne 53. Je n’ai pas rencontré de problème dans un usage normal.
    Je le passerais bien en version 3.0.6 avec ces petits changements + une borne ouverte à SPIP 3.1 : y a-til des inconvénients ?

    Répondre à ce message

  • Le 21 février 2014 à 11:47, par PRX En réponse à : Palette

    Bonjour ,

    lors d’une install de ce plugin comme tous les autres, par le gestion des plugins, elle se termine mal et demande des autorisations spéciales :

    « • Palette a besoin de la bibliothèque farbtastic_1_3_2 placée dans le répertoire lib/ à la racine de votre site. Cependant, ce répertoire n’existe pas ou n’est pas accessible en écriture. Vous devez installer manuellement cette bibliothèque ou créer ce répertoire en lui donnant des permissions d’écriture. »

    On ne pourrait pas profiter des demandes conjointes pour mettre cela aux normes du jour SVP ?
    merci d’avance.

    Répondre à ce message

  • Le 20 février 2014 à 12:16, par Francky En réponse à : Palette

    Salut kent1
    Je t’ai envoyer un mail, mais comme je ne suis pas sûr qu’il n’est pas dans tes spams...

    Loiseau2nuit à changer l’adresse de la lib pour prendre de nouveau l’officielle, le problème est que je ne suis pas sûr qu’elle contient tes corrections...
    Elle pointe désormais vers la v1 de https://github.com/mattfarina/farbtastic
    Normal ou pas alors ?

    Répondre à ce message

  • Le 14 avril 2013 à 14:58, par Francky En réponse à : Palette

    Bonjour

    Sous Iphone 4 Ios 6.1.3 palette ne fonctionne pas.
    Il n’est pas possible de changer une couleur.

    En prenant le code ici
    http://signedon.com/touch-events/adding-ios-touch-events-to-farbtastic-color-picker/
    Cela ne serait pas possible de faire une mise à jour de la lib ?
    j’ai essayer, mais je suis pas doué...

    Cerise sur le gâteau pendant que j’y suis :-D
    Cela serait possible d’avoir une gestion des transparents en prenant le code ici :
    http://lantralab.com/farbtastica/index.html

    Cordialement, Franck

    • Le 15 avril 2013 à 11:03, par gilcot En réponse à : Palette

      Oui mais ce plugin ne fait que mettre à disposition la bibliothèque Farbastic ; donc s’il y a un connertif à faire sur le code de cette bibliothèque ça doit se faire en amont... (peut-être une prochaine version ?)

    • Le 15 avril 2013 à 18:44, par Francky En réponse à : Palette

      En théorie, tu as parfaitement raison !
      Sauf que ...
      La librairie dans le plug est déjà une modif de l’originale.
      Sur la zone, elle est en 1.3.1 et l’originale est en 1.3
      http://code.google.com/p/farbtastic/source/list

      Que les personnes s’occupant de l’originale ne s’en occupe plus du tout, (manque de temps. ou autre, je ne sais pas)
      D’ailleurs, Quentin l’explique lui même :
      http://archives.rezo.net/archives/spip-zone.mbox/ENWCCWXP2I2UGJ3Y4AFS54XLD5D4DPUH/

      Ensuite, il suffit de ce rendre compte qu’il y a déjà pas mal de monde qui patch cette lib rien que sur git-hub par exemple.
      https://github.com/search?q=farbtastic&type=Repositories&ref=searchresults

      C’est pour cela que je demandais si la lib qui est sur la zone ne pourrait pas être patcher avec au moins la modif de F1LT3R pour que cela fonctionne sous IOS (et sans doute tous les écrans tactile) !

      Car si tu attends une prochaine version de l’originale, je pense que nous risquons encore d’attendre longtemps... :-(

    • Le 16 avril 2013 à 00:46, par gilcot En réponse à : Palette

      Hello

      Mes propos sur la source ne visaient pas ceux qui s’en occupaient initialement ; d’autres peuvent prendre le relais s’il y a de l’intérêt : c’est du code ouvert et libre...
      Sur GitHub plus des trois quart de ce qui est présenté sont des intégrations de la bibilothèque (tout comme on l’a fait pour Spip d’autres ont voulu pareil pour Ror, Sympoh, etc. Certains ont voulu l’utiliser aussi dans d’autres ensembles JS autre que jQuery...)

      Ceci dit, je comprends l’attente et l’idée. Peut-être que cela retiendra l’attention de quelque développeur capable de la zone ? (car c’est une chose bien différente que je ne soit pas du même avis)

    • Le 16 avril 2013 à 13:44, par kent1 En réponse à : Palette

      Je viens de modifier la lib de la zone avec les modifs de https://github.com/F1LT3R/farbtastic-color-picker/blob/master/farbtastic.js et de https://github.com/mattfarina/farbtastic/tree/farbtastic-1

      Pour le truc d’opacité je ne suis pas chaud parce que je n’ai pas trouvé de doc sur la portabilité de ce genre de code de couleur. Et que je n’ai surtout pas le courage de tester.

      Lorsque le zip de la lib sera recréé, je mettrais à jour Palette

    • Le 16 avril 2013 à 16:50, par gilcot En réponse à : Palette

      Voilà, cela a retenu l’attention de Kent1  ;-) Un grand merci à lui.

    • Le 16 avril 2013 à 21:39, par Francky En réponse à : Palette

      Merci kent1 :-)
      Je vais attendre que tu mettes palette à jour pour te dire si tout fonctionne bien.
      J’ai essayer de trouver du code pour l’opacité, mais j’ai rien trouver :-(

      L’unique solution que j’ai trouver serait d’utiliser jquery-color à la place de farbtastic, mais bon, là, c’est autre chose...
      https://github.com/jquery/jquery-color

      En tout cas merci :-)

    • Le 17 avril 2013 à 10:51, par kent1 En réponse à : Palette

    • Le 17 avril 2013 à 21:11, par Francky En réponse à : Palette

      ça fonctionne du tonner sur l’Iphone maintenant :-)

    Répondre à ce message

  • Le 28 juin 2012 à 22:55, par Rizzi En réponse à : Palette

    Super sympa ce plugin. Merci.
    Si c’est possible, ce serait bien d’avoir en plus la possibilité de choisir la couleur sur un dégradé du blanc au noir dans la gamme de la couleur choisie dans le carré... ça facilite la mise en place de thème avec une stabilité de tons ;-)

    • Le 15 avril 2013 à 11:08, par gilcot En réponse à : Palette

      Je réponds un peu tard a ceci, mais c’est bien se qui se passe comme on se met complètement à droite du carré (du haut vers le bas) puis complétement en bas (de la droite vers la gauche)

    Répondre à ce message

  • Le 7 février 2013 à 15:26, par Francky En réponse à : Palette

    Bonjour
    Serait-il possible d’avoir un « nuancier » comme sous Chrome au lieu d’uniquement la roue ?
    D’après ce que j’ai compris en juillet http://contrib.spip.net/Couleur-de-Rubrique
    cela dépend du navigateur, mais une évolution de palette pour spip3 serait-elle possible pour avoir la même chose avec les autres navigateurs ?

    Cordialement, Franck

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • ViaSPIP 3.1

    26 février 2016 – 19 commentaires

    Après la sortie de SPIP 3.1, voici la nouvelle version du squelette ViaSPIP qui reste dans la lignée des précédentes versions. ViaSPIP 3.1 est toujours un squelette généraliste pour SPIP, sous forme de plugin, visant à offrir une alternative au (...)

  • Lecteur Multimédia

    28 février 2007 – 323 commentaires

    Le plugin « lecteur multimedia » permet la lecture et l’affichage de sons ou de vidéos. Il enrichit l’affichage des raccourcis des documents ajoutés <docX>. Il ajoute des lecteurs flash adaptés aux formats .MP3 et .FLV. Le plugin agit sur tous (...)

  • Le Squelette Zpip

    11 novembre 2009 – 353 commentaires

    Ce squelette n’est plus maintenu, il est remplacé par SPIPr-dist Zpip est un modèle de squelette réutilisable, modulaire et disposant d’une galerie de thèmes. Ce modèle de squelette rend l’installation d’un site avec son thème plus facile, et la (...)

  • Zpip-vide v2

    9 novembre 2012 – commentaires

    Zpip-vide fournit un squelette Z vide de contenu, à remplir de noisettes avec le noiZetier. Compatibilité Cette version 2 de Zpip-vide, développée pour SPIP 3, est toujours compatible avec Zpip v1. Elle est par contre incompatible avec Zpip v2 (...)

  • Menus

    18 août 2009 – 985 commentaires

    Créez enfin vos menus facilement !