Wysiwyg avec l'image de copier/coller [fermé]

tout d'abord, je comprends qu'une image ne peut pas être "copiée" d'une machine locale dans un site web. Je comprends qu'il doit être téléchargé. Je suis un programmeur web, et je suis familier avec les outils Web wysiwyg communs tels que TinyMCE et FCKEditor. Ma question Est s'il existe un programme ou un module web ou quelque chose du genre qui fonctionne effectuera un téléchargement automatique d'images pour un wysiwyg. J'ai un client qui se plaint constamment de ne pas pouvoir copier / coller des documents avec des images de MS Word dans un wysiwyg pour créer du contenu sur leur site web.

j'ai regardé dans le contrôle de texte TX (http://labs.textcontrol.com/) et était à la recherche dans un flash wysiwyg possible qui pourrait télécharger le fichier automatiquement dans les coulisses. Je ne sais pas si cela existe, et google ne m'a pas beaucoup aidé dans ma recherche, donc j'ai pensé que je demanderais d'autres codeurs.

je suis ouvert à toute sorte de technologie de serveur, ou des exigences de navigateur. Je suis à la recherche pour certains navigateur outil basé au lieu d'un outil d'application tel que Dreamweaver ou autre.

S'il n'existe pas de bonne solution au problème, je suis prêt à l'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 recueillir des conseils communautaires au lieu de simplement dire " non " au client et les options ici ont été extrêmement utiles et informatives pour présenter des solutions possibles.

43
demandé sur jW. 2010-01-05 23:42:10

11 réponses

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

Fondamentalement, vous avez besoin de différentes parties:

  • quelque chose qui sort l'image du presse-papiers et la télécharge sur le web: cela pourrait être une extension java applet, flash ou firefox. Flash ou Java auraient l'avantage d'être cross browser
  • puis vous utilisez le <canvas> la balise pour afficher l'image une fois qu'elle a été téléchargée (utiliser explorercanvas de façon pour apporter canvas to Internet Explorer)

comme je l'ai fait remarquer dans mon commentaire, Google est en train de changer de vitesse en faveur de HTML5, regardez 7 Interaction de l'Utilisateur - HTML 5.

EDIT:

HTML5 lorsqu'il est mis en œuvre est censé interagir avec le presse-papiers du système. J'imagine le scénario suivant:

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

28
répondu Gregory Pakosz 2010-01-14 15:44:40

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

3
répondu Annie 2010-01-05 20:48:19

je vois que c'est un vieux fil, mais au cas où quelqu'un cherche encore quelque chose comme ça (comme je l'étais), je suis tombé sur un produit appelé textbox.io ce soir d'une compagnie appelée Ephox (on dirait Qu'ils ont aussi racheté TinyMCE).

quoi qu'il en soit, c'est la première, si ce n'est la seule, l'éditeur javascript/HTML5 que j'ai trouvé qui colle avec succès des images de word en utilisant un plugin propriétaire qu'ils appellent PowerPaste. Sur la pâte initiale, il invite à frapper pâte à nouveau dans l'ordre pour importer les images. Cela a fonctionné comme un charme-seul problème que j'avais était que c'est hellishly coûteux pour une start-up comme celle dans laquelle je suis impliqué à 500 $+ par mois (±R6,650+ par mois en ZAR), ce qui le prix de nos options malheureusement :(

3
répondu AdrianD 2016-08-10 20:13:51

j'ai un client qui se plaint constamment de ne pas pouvoir copier / coller des documents avec des images de MS Word dans un wysiwyg pour créer du contenu sur leur site web.

Et on va à l'échec. MS Word ne crée pas de HTML valide, les pages apparaîtront cassées pour les utilisateurs de navigateurs conformes. Word a également quelques méthodes étranges d'ancrage des images et du texte fluide qui ne se traduiront pas. En bref, Word est un environnement pauvre pour l'écriture HTML.

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

depuis que votre client a opté pour Word comme leur éditeur WYSIWYG il y a très peu de point de coller ce contenu dans un autre WYSIWYG editor. Votre solution optimale consiste à chercher des moyens d'automatiser L'exportation HTML à partir de Word ou OPen Office. Ceci pourrait être fait en utilisant une combinaison de VBA et un script côté serveur pour convertir d'abord le document en HTML (ceci écrira aussi les images sur le disque), puis télécharger le contenu sur le serveur.

2
répondu SpliFF 2010-01-12 11:13:43

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

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

2
répondu Rahul Shakya 2011-11-15 06:12:21

HTML only

vous pouvez utiliser quelque chose qui (sur le glisser-déposer) crée automatiquement un formulaire HTML invisible, une entrée de fichier, copier le chemin du nom de fichier dans le fileinput et soumettre le formulaire.

vous pouvez créer le formulaire dans une iframe invisible pour l'envoyer en arrière-plan sans changer la page courante. Tu sais, procédure Ajax standard.

Un peu d'aide pour déposer/coller

je ne sais pas si HTML permet de laisser tomber des éléments de fichier. Si ce N'est pas le cas, vous pouvez consulter la spécification HTML 5 que Google essaie de faire avancer.

une autre option est d'utiliser une sorte de composant client riche (Java Applet avec Swing ou Flash, ou Silverlight, ou wathever) au moins pour saisir la chute du fichier (ou le collage) et créer la forme HTML.

pourquoi je préfère envoyer un formulaire

je préfère la création du formulaire à l'applet qui envoie le fichier parce qu'il n'a pas besoin d'un autre port spécial sur le serveur ou quelque chose comme ça.

1
répondu helios 2010-01-08 08:50:55

je comprends la situation difficile de votre client. Je travaille sur la même chose, mais avec peu de priorité pour le moment donc je ne peux pas présenter de solutions, juste quelques notes.

  • quand je copie + coller une image à partir d'un enregistré OpenOffice document (ne fonctionne pas avec un document non sauvegardé) dans une instance CKEDitor - Je n'ai pas MS Word ici pour tester mais je suppose que cela fonctionne de la même manière - je reçois le HTML suivant inséré dans l'éditeur:

    <img src="file:///C:/Users/PEKKAG%7E1/AppData/Local/Temp/moz-screenshot-4.png">

    il pourrait être possible de bidouiller un Flash ou Java uploader en sorte que ce fichier peut être récupéré avec très peu d'interaction de l'utilisateur. Pouvoir récupérer des fichiers depuis L'ordinateur de L'utilisateur est un horrible trou de sécurité mais il pourrait être possible de pré-configurer un uploader dans le répertoire du répertoire temp.

  • cependant, le Toile méthode que Gregory Pakosz mentionne Je trouve le plus intéressant, car de cette façon, il être possible de stocker l'image du côté du serveur en silence, sans aucun téléchargement. Les mêmes restrictions de sécurité que dans l'exemple ci-dessus s'appliquent cependant: L'image se trouve sur un domaine différent et ne peut donc pas être lue par un script sur la page. Il faudrait trouver un moyen de contourner cela en utilisant les paramètres du navigateur ou l'écriture d'une extension personnalisée.

1
répondu Pekka 웃 2010-01-13 10:42:58

si je comprends bien votre question, votre client pourrait avoir n'importe quel Mot aléatoire et que certains de ces documents peut contenir des images.

ce que vous semblez décrire s'apparente au contenu gestion à certains égards et à la création statique pages web dans d'autres.

je suppose que votre client veut des visiteurs à leur site web pour visualiser ces documents en tant que pages HTML et non comme les types de MIME de mot.

Certains options:

  • utilisez Word pour sauvegarder en HTML. Pas le HTML le plus propre mais probablement la solution la plus propre.

  • demandez à votre client d'acheter un produit comme Dreamweaver qui importeront leur document Word et nettoie le HTML généré par Word.

  • si votre client a beaucoup d'argent, développer une solution utilisant VSTO

1
répondu gerryLowry 2010-02-12 09:39:48

ma question Est s'il existe un programme ou un module web ou quelque chose du genre qui fonctionne effectuera un téléchargement automatique d'images pour un wysiwyg

XStandard Pro va télécharger des images sur le serveur collé à partir de Word ou d'autres applications/système de fichiers.

1
répondu Vlad Alexander 2010-04-27 13:49:40

en recherchant une solution similaire, J'ai remarqué que GMail le permet si vous copiez et collez à partir d'un navigateur.

si vous copiez à partir D'un mot, il semble connaître les dimensions de l'image (vous pouvez voir un contour de l'image) mais il ne colle pas l'image.

à partir d'applications de bureau hors bureau, il ne semble pas y avoir de support.

donc sur l'hypothèse que les ingénieurs de Google ont consacré un certain temps sérieux à cela, je soupçonne que ce n'est pas encore faisable à partir des applications de bureau, mais peut-être que si vous pouviez trouver un moyen rapide de sauver le contenu sur le web (par exemple en utilisant le blog de Word ou Enregistrer en tant que fonctionnalités HTML), vous pourriez alors copier et coller à partir de cela, si votre client est prêt à prendre cette étape supplémentaire et vous êtes en mesure de les laisser enregistrer directement sur un serveur web.

Pseudo

0
répondu 2010-04-26 17:53:33

L'éditeur WYSIWYG appelé Redactor permet de copier-coller des images directement dans l'éditeur plutôt que de cliquer sur un télécharger l'image bouton.

Ici un lien vers leur copier-coller exemple.

-1
répondu Ola 2014-06-18 08:30:59