Wysiwyg avec l'image de copier/coller
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.
- J'ai mis en place un glisser-déposer des fichiers à l'aide de Silverlight dans ce projet azureslfileuploader.codeplex.com
- Il est intéressant related post ici: stackoverflow.com/questions/6333814/... C'est sur la façon de gmail est ce exact de la fonction et contient un lien vers un jquery wrapper.
Vous devez vous connecter pour publier un commentaire.
Vous pourriez trouver de l'inspiration à partir de ScreenshotMe.
Fondamentalement, vous avez besoin de différentes parties:
<canvas>
balise pour afficher l'image une fois qu'elle a été téléchargée (utiliser explorercanvas de façon à apportercanvas
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 l'Interaction de l'Utilisateur - 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 travail:
toDataURL()
: voir Canvas2ImageJusqu'à ce que le HTML5 copier/coller le drag&drop est mis en œuvre, vous devrez compter sur Flash ou un (signé) L'applet Java pour interagir avec le presse-papiers.
Vous pourriez regarder dans le drag & drop télécharger avec Google Gears.
Je vois que c'est un vieux thread, mais au cas où quelqu'un est toujours à la recherche de quelque chose de ce genre (comme j'ai), je suis tombé sur un produit appelé zone de texte.io ce soir, une entreprise qui s'appelle Ephox (on dirait qu'ils ont acheté TinyMCE ainsi).
De toute façon, c'est le premier, sinon le seul, javascript/HTML5 éditeur, j'ai trouvé que le succès pâtes images à partir de word à l'aide d'un propriétaire de plugin qu'ils appellent PowerPaste. Lors de la première pâte, il invite à frapper la pâte à nouveau, pour importer les images. A travaillé comme un charme seule problème que j'ai eu est qu'il est hellishly cher pour un démarrage comme celui que je suis impliqué dans à 500 $de+ par mois (±R6,650+ par mois en ZAR), dont les prix de nos options, malheureusement 🙁
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 de l'é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.
Il n'est pas directement disponible en option asp.net mais vous pouvez le faire
http://www.codeproject.com/KB/graphics/ClipboardActiveX.aspx
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.
Je comprends votre client de la situation. Je suis en train de travailler sur la même chose, mais avec très peu d'importance pour le moment donc je ne peux pas présenter toutes les solutions, à seulement quelques notes.
Quand j'ai copier + coller une image à partir d'un enregistré document OpenOffice (ne fonctionne pas avec un non enregistré un) dans un CKEDitor exemple - je n'ai pas de MS Word ici de tester, mais je suppose qu'il fonctionne de la même façon - je obtenir le code 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. Être en mesure de récupérer des fichiers à partir de l'ordinateur de l'Utilisateur est un horrible trou de sécurité, mais il pourrait être possible au moins de pré-série de l'uploader dans le répertoire temp de répertoire.
Cependant, la Toile méthode que Grégoire Pakosz mentionne je trouve le plus intéressant, car de cette façon, il pourrait être possible de stocker l'image sur le côté serveur, en silence, sans aucun téléchargement. Les mêmes restrictions de sécurité comme dans l'exemple ci-dessus s'appliquent toujours, cependant: L'image est sur un autre domaine, et donc ne peut pas être lu 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.
Si je comprends votre question correctement,
votre client pourrait avoir n'importe quel Mot aléatoire
document et que certains de ces documents
peut contenir des images.
Ce que vous semblez être décrit est semblable à du contenu
de gestion, à certains égards, et à la création d'statique
pages web dans d'autres.
Je vais supposer que votre client veut des visiteurs à leur
site web pour consulter ces documents comme des pages HTML et pas
que la Parole des types MIME.
Certaines options:
utiliser Word pour enregistrer au format HTML. Pas le plus propre de l'HTML
mais c'est probablement la solution la plus propre.
demandez à votre client d'acheter un produit comme Dreamweaver
ce qui permettra à la fois d'importer leur document Word
et nettoyer Mot de code HTML généré.
si votre client a beaucoup d'argent, de développer une coutume
la solution à l'aide de VSTO
XStandard Pro vous permettra de télécharger des images sur le serveur collé à partir de Word ou d'autres applications/système de fichiers.
Dans la recherche d'une solution similaire, j'ai remarqué que GMail permet si vous de copier et coller à partir d'un navigateur.
Si vous copiez à partir de Word, il semble connaître les dimensions de l'image (vous pouvez voir un aperçu de l'image), mais il ne fait pas les coller/chargement de l'image.
De non-applications de bureau Office, il ne semble pas soutenir.
Donc sur l'hypothèse que les ingénieurs Google ont consacré quelque temps grave à cela, je soupçonne qu'il n'est pas possible à partir des applications de bureau encore, mais peut-être que si tu pouvais trouver un moyen rapide pour enregistrer le contenu sur le web (par exemple, en utilisant le Mot du blog ou de l'Enregistrer au format HTML dispose d') vous pouvez ensuite copier et coller à partir de cela, si votre client est prêt à faire ce pas supplémentaire et vous êtes en mesure de les laisser enregistrer directement sur un serveur web.
Nick
L'éditeur WYSIWYG appelé Rédacteur permet de copier-coller des images directement dans l'éditeur plutôt que de cliquer sur un télécharger l'image bouton.
Voici un lien vers leur copier-coller de l'exemple.