web-dev-qa-db-fra.com

Activation du glisser-déposer dans mon CMS (système de gestion de contenu)

J'utilise Drupal comme système de gestion de contenu pour mes sites Web. Je me demandais s'il était possible d'activer les fonctionnalités de dragNdrop pour télécharger des images sur le site Web.

Je veux dire dragNdrop images dans le back-end (dans la fenêtre du navigateur).

Sinon, puis-je créer une application de bureau s'intégrant à Drupal? (telle que. application Adobe Air .. ou autre chose ..)?

merci

cmsdrupal
2
aneuryzm

Installez ces

  • drupal.org/project/cck
  • drupal.org/project/imagefield
  • drupal.org/project/dragndrop_uploads

Une fois installés, les transferts Drag'n'Drop doivent être configurés pour chaque type de contenu que vous souhaitez utiliser. Vous pouvez le faire sur la page de configuration du type de contenu sous "Paramètres des transferts Drag'n'Drop":

http: // [www.votresite.com/path/to/drupal]/admin/content/type-noeud/[type-noeud]

2
troynt

Je ne connais pas de plug-in de qualité qui gère de manière transparente le côté javascript de toutes les interactions glisser-déposer de fichiers pour une application Web arbitraire (ou j'en aurais utilisé un pour notre substance "glisser-déposer" ).

Cependant, il existe un hack assez bon marché que vous (ou tout développeur de plugin HTML/JS/CSS) pouvez utiliser et dont nous avons tiré parti dans FogBugz. Si vous trouvez l'élément input [type = "file"] sur votre page et utilisez CSS pour le rendre invisible et sur toute la largeur/hauteur de votre page, cela vous permettra de faire glisser 'ndrop fichiers sur votre navigateur.

#drop input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

Le plugin devra évidemment utiliser JS pour gérer l’ajout/la suppression de ces styles à l’élément.

S'il vous plaît ne criez pas sur moi pour ne pas utiliser l'API de fichier HTML5. Il est utilisable, mais il est assez stable pour le navigateur x pour le moment. Nous sommes allés avec la solution la plus rapide qui nous permettrait de savoir si nos utilisateurs trouvaient drag'n'drop ou non utile.

Cela fonctionne dans Chrome et, pour des fichiers uniques à la fois, dans Safari. Tous les détails sont disponibles ici: http://www.thecssninja.com/javascript/gmail-upload

Bonus : quelqu'un devrait vraiment développer un simple petit plugin jQuery qui trouve le premier élément d'entrée [type = "fichier"] visible sur la page et applique ces styles w/un joli petit "drop here" cible et animation.

1
kamens