Wysiwyg avec l'image de copier/coller

Question

Tout d'abord, je comprends que l'image ne peut pas être "copié" à partir d'un ordinateur local vers un site web. Je comprends qu'il doit être téléchargé. Je suis un programmeur web, et je suis familier avec le web wysiwyg outils tels que des TinyMCE et FCKEditor. Ma question est de savoir si il existe un programme ou module web ou de quelque chose de la sorte que les œuvres d'effectuer un téléchargement automatique des images pour un wysiwyg. J'ai un client qui ne cesse de se plaindre de ne pas être en mesure de copier/coller des documents avec des images à partir de MS Word dans un wysiwyg pour créer du contenu sur leur site web.

J'ai regardé dans TX Text Control (http://labs.textcontrol.com/) et a été à la recherche dans un éventuellement flash wysiwyg qui pourrait télécharger le fichier automatiquement derrière les coulisses. Je ne sais pas si cela existe, et google n'a pas beaucoup m'aider dans ma recherche, j'ai donc pensé que je voudrais demander à d'autres programmeurs.

Je suis ouvert à toute sorte de technologie de serveur, ou de la configuration du navigateur. Je suis à la recherche pour certains navigateur en fonction de l'outil plutôt que d'une application de l'outil tel que Dreamweaver ou autre.

Si pas de bonne solution pour le problème existe, je suis prêt à accepter à ce stade.

Note: C'était une demande d'un client, et pour moi, il semblait plutôt déraisonnable. J'ai décidé de rassembler la communauté des conseils au lieu de juste dire au client "Non", et les options ont été extrêmement utiles et informatifs dans la présentation des solutions possibles.

Answer 1

Vous pourriez trouver de l'inspiration à partir de ScreenshotMe.

Fondamentalement, vous avez besoin de différentes parties:

• quelque chose qui prend de l'image à partir du presse-papiers et le télécharge sur le web: ce pourrait être une applet java, flash ou des extensions firefox. Flash ou Java aurait l'avantage d'être multi-navigateur
• ensuite, vous utilisez l' <canvas> balise pour afficher l'image une fois qu'elle a été téléchargée (utiliser explorercanvas de façon à amener canvas pour Internet Explorer)

Comme je l'ai souligné dans mon commentaire, Google est l'arrêt des engrenages en faveur de HTML5, jetez un oeil à 7 de l'Utilisateur de l'Interaction avec le HTML 5.

EDIT:

HTML5 lors de la mise en œuvre est censé interagir avec le système du presse-papiers. J'imagine le scénario suivant devrait fonctionner:

• coller les données d'image à partir du presse-papier à la toile
• obtenir le canevas des données de pixels à l'arrière comme une image à l'aide d' toDataURL(): voir Canvas2Image
• télécharger l'image vers le serveur lors de la soumission: voir l' Économie de la toile de l'image avec PHP

Jusqu'à ce que le HTML5 copier/coller le drag&drop est mis en œuvre, vous devrez compter sur Flash ou un (signé) de l'applet Java pour interagir avec le presse-papiers.

Answer 2

Vous pourriez regarder en drag & drop télécharger avec Google Gears.

Answer 3

J'ai un client qui ne cesse de se plaindre de ne pas être en mesure de copier/coller des documents avec des images à partir de MS Word dans un wysiwyg pour créer du contenu sur leur site web.

Et ce sera un échec. MS Word ne crée pas valide HTML, les pages apparaissent brisés pour les utilisateurs de conforme navigateurs. Le mot a aussi de drôles de méthodes d'ancrage, d'images et de texte fluide qui ne se traduisent pas. En bref, le Mot est un mauvais environnement pour la création de HTML.

Bien sûr, vos clients ne sera probablement pas accepter ce qui nous amène à l'option 2:

Depuis votre client a opté pour Word comme éditeur WYSIWYG, il y a très peu de point de coller ce contenu dans un autre éditeur WYSIWYG. Votre solution optimale est de rechercher des moyens de l'automatisation de l'exportation au format HTML à partir de Word ou OPen Office. Cela pourrait être fait en utilisant une combinaison de VBA et un script côté serveur tout d'abord convertir le document au format HTML (ce qui va aussi écrire les images sur le disque), puis télécharger le contenu sur le serveur.

Answer 4

Il n'est pas directement disponible en option asp.net mais vous pouvez le faire

http://www.codeproject.com/KB/graphics/ClipboardActiveX.aspx

Answer 5

HTML uniquement

Vous pouvez utiliser quelque chose qui (sur le glisser-déposer) crée automatiquement un invisible formulaire HTML, un fichier d'entrée, copiez le chemin d'accès du nom de fichier dans la fileinput et soumettre le formulaire.

Vous pouvez créer le formulaire dans une iframe invisible pour l'envoyer en arrière-plan sans modifier la page en cours. Vous le savez, la norme Ajax procédure.

Un peu d'aide pour déposer/coller

Je ne sais pas si le HTML permet de déposer des fichiers. Si ce n'est pas vous pouvez regarder la spécification HTML 5 que Google est en train d'essayer de faire de l'avant.

Une autre option est d'utiliser une sorte de riche composant client (Applet Java avec Swing ou Flash ou Silverlight, ou quel que) au moins de saisir la suppression du fichier (ou coller) et de la création du formulaire HTML.

Pourquoi je préfère l'envoi d'un formulaire

Je préfère la création de la forme sur l'applet d'envoyer le fichier, car il ne nécessite pas un autre port sur le serveur ou quelque chose comme ça.