SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 241 visiteurs en ce moment

Accueil > Rédaction > Assistants de rédaction > CKeditor > CKeditor : Téléchargement d’images/documents

CKeditor : Téléchargement d’images/documents

2 mai 2011 – par Frédéric Bonnaud – 16 commentaires

3 votes

Le plugin CKeditor permet deux modes d’accès aux images a priori s’excluant l’un l’autre. Le premier à préférer si l’on veut rester SPIP permet d’utiliser les outils de SPIP de manipulation (placement, modification, médiathèque etc...) d’images. Le second permet d’utiliser des mécanismes plus classiques et plus intégré à CKeditor de téléchargement d’image (mais exclut les diverses manipulations par SPIP). Ce dernier mécanisme est maintenant entièrement configurable par plugin spip.

Cet article ne traite que du second mode.

Onglet : Téléchargement d’images/documents

Tout d’abord, vous devez décider si vous souhaitez utiliser une interface riche en javascript ou une interface légère.
L’interface légère ressemble à :

L’interface riche du plugin KCFinder ressemble à :

Les deux interfaces proposent globalement les mêmes possibilités mais pas de la même façon.

Depuis les dernières versions de ckeditor-spip-plugin, l’interface riche est modifiable par plugin spip. Par défaut c’est l’interface légère, mais en activant un plugin spip approprié (que vous pouvez développer) vous pouvez choisir un autre filebrowser : kcfinder, pgrfilemanager (pour l’instant seuls ces derniers sont développés).

Si vous souhaitez utiliser l’interface KCFinder, il faut

  • soit : que vous installiez d’abord la librairie KCFinder (préférez la version stable) dans le répertoire lib/. Le répertoire d’installation doit s’appeler : kcfinder-..... Ensuite, il faut cocher dans l’onglet Téléchargement d’images/documents (de configuration du plugin) l’option : Utiliser KCFinder si possible (ancienne version)
  • soit : activer le plugin ’KCFinder pour CKEditor’ et laisser SPIP se charger de l’installation de la librairie KCFinder.

Si vous souhaitez utiliser l’interface PGRFilemanger : il faut activer le plugin ’PGRFilemanager pour CKEditor’ et laisser SPIP se charger de l’installation de la librairie PGRFilemanager.

Ensuite, que vous utilisiez l’interface riche ou légère, il faut que vous activiez le bouton Image dans la configuration des barres d’outils.

Configuration proprement dite

Voici les options de configuration :

  • Autoriser le téléchargement depuis les dialogues de CKEDITOR : ceci active le droit de télécharger directement (sans passer par l’une des deux interfaces) depuis les dialogues de CKeditor. Ce n’est pas nécessaire, mais cela permet de télécharger et de sélectionner l’image directement.
  • Autoriser à parcourir le dossier de SPIP pour insérer des images : ceci active les interfaces (l’une ou l’autre) de parcourt de dossier. Si vous ne cochez ni cette option, ni la précédente : c’est que vous comptez utiliser le mécanisme de SPIP d’insertion d’images.
  • Autoriser à télécharger des images dans le dossier de SPIP : ceci permet d’activer le téléchargement des images, des documents. Si vous ne l’activez pas, cela signifie que l’on pourra parcourir les dossiers que vous aurez prévus pour insérer dans CKeditor des images prédéfinies.
    Si vous activez aussi autoriser aussi les rédacteurs, alors tout le monde pourra télécharger des images (c’est probablement le comportement souhaité par défaut).
  • Autoriser à créer des répertoires : vous pouvez (dans l’interface légère uniquement) interdire la création de sous répertoires, ainsi que limiter cette possibilité aux seuls administrateurs.

Répertoires

Pour des raisons de sécurités, les téléchargements sont limités à un sous répertoires du répertoire IMG/. Les téléchargements sont organisés en 3 zones : fichiers (pour les documents), images et flash.

Vous pouvez choisir le Répertoire de base des téléchargements (dans IMG/). Dans ce répertoire (forcément) vous pouvez choisir :

  • le Répertoire des images et la Liste des extensions autorisées

    Ce répertoire stocke les images utilisées par CKEditor en dehors de toute gestion par SPIP. Pour y télécharger des images, soit vous y déposez des images via ftp, soit vous utilisez l’onglet ’Envoyer’ depuis le dialogue ’Images’ de CKEditor, soit vous utilisez le mécanisme de téléchargement de votre plugin ’filebrowser’.

  • le Répertoire des documents Flash® et la Liste des extensions autorisées

    Même chose que pour les images mais pour les documents et les vidéos Flash®

  • le Répertoire des fichiers et la Liste des extensions autorisées

    Ce dossier stocke les fichiers vers lesquels vous pourrez obtenir des liens depuis l’onglet ’cible’, soit du dialogue ’Liens’, soit du dialogue ’Images’ de CKEditor. Pour y télécharger des images, vous devrez soit les y télécharger par ftp, soit les y télécharger par l’onglet ’Envoyer’ du dialogues ’Lien’, soit les y télécharger par le mécanisme de téléchargement votre votre plugin ’filebrowser’

Les répertoires sont des noms donnés relativement au Répertoire de base des téléchargements.

Les Liste des extensions autorisées sont de la forme :

ext1 ; ext2 ; ext3 ; ext4

Dernière modification de cette page le 20 juillet 2011

Retour en haut de la page

Vos commentaires

  • Le 12 novembre 2015 à 09:19, par YASSINE BALHIH En réponse à : CKeditor : Téléchargement d’images/documents

    Bonjour .

    j’ai réalisé un page web dont le but est d’envoyer des emails , j’ai intégré le Ckeditor dans cette page et je veux que son contenu sera le message envoyé.

    pour un texte simple le message est envoyé vers ma boite.

    Le problème est pour les images , j’arrive pas à les envoyer vers ma boite

    je travaille sous wampServer en local

    Aidez moi Svp.

    JPEG - 7.8 ko

    Répondre à ce message

  • Le 16 février 2015 à 11:24, par Mist. GraphX En réponse à : CKeditor : Téléchargement d’images/documents

    Depuis les dernières versions de ckeditor-spip-plugin, l’interface riche est modifiable par plugin spip. Par défaut c’est l’interface légère, mais en activant un plugin spip approprié (que vous pouvez développer) vous pouvez choisir un autre filebrowser : kcfinder, pgrfilemanager (pour l’instant seuls ces derniers sont développés).

    Ou peut on trouver les plugins en question, pour s’en servir comme base ? ils ne sont pas sur la zone

    Merci de votre réponse.

    Répondre à ce message

  • Le 7 juin 2012 à 17:21, par Marko En réponse à : CKeditor : Téléchargement d’images/documents

    Bonjour à tous.

    D’abord merci pour ce plugin, je ne le répèterais jamais assez ;-)
    J’arrive pas à configurer avec spip3 biscotte je ne vois pas CFG mais bon, je patiente...

    Petite question d’onglet.
    Dans un spip 2.1.14 avec CKeditor 3.6.2 et le plugin 0.15 (r795),
    dans la boite de dialogue « Liens » l’onglet « Avancés » a disparu. Est-ce le plugin spip qui force cela ?
    Puis-je le remettre à la main ? (me dire où, j’ai du mal à trouver ;-)

    Merci.

    • Le 7 juin 2012 à 17:32, par Frédéric Bonnaud En réponse à : CKeditor : Téléchargement d’images/documents

      pour spip3 : job under way ! mais j’ai peu de temps en ce moment. Pour une préview ( à tester pour remonter les bugs) : plugin en beta pour spip3

      Pour ta question à propos de la boite de dialogue « Liens » et de l’onglet « Avancés » qui a disparu, c’est effectivement le plugin qui le fait disparaître, pour le faire réapparaître, dans ckeditor_fonctions.php, commenter/supprimer la ligne :

      1. $cke_cfg['removeDialogTabs'] = 'link:advanced' ;
    • Le 7 juin 2012 à 18:11, par Marko En réponse à : CKeditor : Téléchargement d’images/documents

      Merci beaucoup.
      Ça marche nickel.

      Encore merci pour ta réactivité : 11 minutes. #CHAPO

    Répondre à ce message

  • Le 4 octobre 2011 à 13:33, par Claire Thibault En réponse à : CKeditor : Téléchargement d’images/documents

    Bonjour,

    j’ai un soucis avec les fonctionnalités de dépôt : quelque soit le bouton choisit (lien, image ou flash) je ne peut déposer que des images.

    Jai dû modifier le script filebrowser.html et ajouter type=’.$_REQUEST(’type’].’& un peu partout...Sinon, on revient systématiquement au type par défaut soit image.

    Répondre à ce message

  • Le 12 avril 2012 à 23:28, par Stéphane Santon En réponse à : CKeditor : Téléchargement d’images/documents

    Bonjour,
    Spip 2.1.12, CK 0.15r795, CK 3.6.1

    Lorsque je glisse-dépose une image dans un corps d’article, après enregistrement et temps de téléversement de l’image, je perds tout le contenu de l’article...

    Puis comment mettre à jour la lib CKEditor 3.6.1 -> 3.6.2 en « automatique », càd sans téléchargement + téléversement ftp?

    Merci

    Répondre à ce message

  • Le 15 juillet 2011 à 09:10, par Gerard FONTAINE En réponse à : CKeditor : Téléchargement d’images/documents

    Bonjour,
    A quoi sert le dossier Files de CKeditor ? Je ne trouve pas comment charger des fichiers dans ce dossier et les intégrer ensuite avec les outils de CKeditor.
    Cela est-il fait pour remplacer le télchargement de fichiers de spip (Joindre un document) ?
    Cordialement

    • Le 20 juillet 2011 à 10:04, par Frédéric Bonnaud En réponse à : CKeditor : Téléchargement d’images/documents

      Pour répondre d’abord à ta deuxième question : oui et non.

      • oui : ça sert effectivement à télécharger des documents sur le serveur et permettre à ckeditor de mettre un lien vers ce documents depuis l’article
      • non : ça ne s’intègre pas avec la gestion spip de document

      Comment ça marche (faudra que je précise cela dans l’article) :

      • le dossier Flash : c’est pour le bouton Flash de ckeditor, pour télécharger et intégrer des applet/video flash dans l’article spip
      • le dossier Image : c’est pour le bouton Image de ckeditor, pour télécharger et intégrer des images dans l’article spip
      • le dossier Files : c’est pour l’onglet ’cible’ des liens (ou des images d’ailleurs) : pour télécharger des documents et intégrer dans l’article des liens vers ceux-ci. Pour envoyer des documents dans ce dossier, il y a un onglet ’Envoyer’ qui apparaît dans la boîte de dialogue des liens (l’onglet ’Envoyer’ qui apparaît dans la boîte de dialogue des images envoie dans le dossier ’images’)

      J’espère que c’est plus clair.

    • Le 21 juillet 2011 à 23:05, par Gerard FONTAINE En réponse à : CKeditor : Téléchargement d’images/documents

      Bonsoir,

      Cette fois-ci tout est clair pour moi

      Merci beaucoup pour votre réponse

    • Le 10 octobre 2011 à 17:57, par kite33 En réponse à : CKeditor : Téléchargement d’images/documents

      j’ai mis en place le plugin mais j’aimerai pouvoir garder la gestion des images pour le mécanisme de spip. Or dans mon article aprés avoir telepcharger mon image par Spip, coller n’affiche pas l’image.
      J’ai du raté un paramètre dans la configuration du plugin

      Merci pour votre aide
      LG

    Répondre à ce message

  • Le 16 mai 2011 à 19:45, par Baboul En réponse à : CKeditor : Téléchargement d’images/documents

    Bonjour,

    Merci pour les explications.
    Chez moi, ça fonctionne bien pour les images et les flash mais pas pour les fichiers. Quand je clique sur « ajouter un document SPIP », j’ai toujours l’interface classique de ckeditor qui ne permet de sélectionner un document déjà rattaché à l’article mais pas d’en ajouter. Est-ce que j’ai manqué quelque chose ?

    Merci pour votre aide

    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

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Adaptive Images

    15 novembre 2013 – 69 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Social tags

    8 septembre 2008 – 428 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • Module de Paiement Stripe

    17 octobre – commentaires

    Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents. Configuration (...)

  • Métas

    8 août 2009 – 50 commentaires

    Ce petit plugin permet l’ajout, depuis l’espace privé, de metatags aux articles et rubriques de SPIP, ainsi que la mise en exergue de mots importants.

Ça spipe par là