Wysiwyg avec image copier/coller
Premièrement, je comprends qu’une image ne peut pas être "copiée" d’une machine locale sur un site Web. Je comprends qu'il doit être téléchargé. Je suis un programmeur Web et je connais bien les outils Web courants tels que TinyMCE et FCKEditor. Ma question est de savoir s'il existe un programme ou un module Web ou quelque chose du genre qui fonctionne effectuera un téléchargement automatique des images pour un wysiwyg. J'ai un client qui se plaint constamment de ne pas pouvoir copier/coller des documents contenant des images de MS Word dans un wysiwyg pour créer du contenu sur leur site web.
J'ai examiné TX Text Control ( http://labs.textcontrol.com/ ) et je cherchais un wysiwyg éventuellement flash qui pourrait télécharger le fichier automatiquement en arrière-plan. Je ne sais pas si cela existe, et Google ne m'a pas beaucoup aidé dans ma recherche. J'ai donc pensé demander à d'autres codeurs.
Je suis ouvert à tout type de technologie serveur ou aux exigences du navigateur. Je recherche un outil basé sur un navigateur plutôt qu'un outil d'application tel que Dreamweaver ou autre.
S'il n'existe pas de solution satisfaisante au problème, je suis prêt à l'accepter à ce stade.
Remarque: Il s'agissait d'une demande d'un client et cela me semblait plutôt déraisonnable. J'ai décidé de recueillir les conseils de la communauté au lieu de simplement dire «Non» au client et les options proposées ont été extrêmement utiles et instructives pour présenter les solutions possibles.
Vous pourriez trouver l'inspiration de ScreenshotMe .
Fondamentalement, vous avez besoin de différentes parties:
- quelque chose qui extrait l'image du presse-papiers et la télécharge sur le Web: il peut s'agir d'une applet Java, d'extensions flash ou firefox. Flash ou Java aurait l'avantage d'être multi-navigateur
- vous utilisez ensuite la balise
<canvas>pour afficher l'image une fois qu'elle a été téléchargée (utilisez explorercanvas pour amenercanvasdans Internet Explorer)
Comme je l'ai souligné dans mon commentaire, Google abandonne la marche en faveur de HTML5, consultez 7 Interaction utilisateur - HTML 5 .
MODIFIER:
Une fois implémenté, HTML5 est censé interagir avec le presse-papiers du système. J'imagine que le scénario suivant fonctionnerait:
- coller les données d'image du presse-papiers sur la toile
- récupère les données de pixel de la zone de dessin sous forme d'image à l'aide de
toDataURL(): voir Canvas2Image - chargez l'image sur le serveur lors de la soumission: voir Enregistrer l'image de la toile avec PHP
Jusqu'à ce que le copier/coller HTML5 glisser/déposer soit implémenté, vous devrez compter sur Flash ou sur un applet (signé) Java pour interagir avec le Presse-papiers.
Je vois que c'est un vieux fil, mais au cas où quelqu'un chercherait toujours quelque chose comme ça (comme je l'étais moi-même), je suis tombé sur un produit appelé textbox.io ce soir, d'une société appelée Ephox (on dirait qu'ils ont acheté TinyMCE aussi).
Quoi qu’il en soit, c’est le premier, sinon le seul, éditeur javascript/HTML5 que j’ai trouvé et qui réussit à coller des images à partir de Word à l’aide d’un plug-in exclusif appelé PowerPaste. Lors du collage initial, il vous est demandé de cliquer à nouveau sur coller pour importer les images. J'ai travaillé comme un charme - le seul problème que j'ai, c'est que c'est extrêmement cher pour une startup comme celle dans laquelle je suis impliqué, à 500 $ + par mois (± 6 650 + par mois en ZAR), ce qui le rend malheureusement hors de nos options :(
Vous pouvez regarder dans déposer avec Google Gears .
Il n'y a pas d'option directe disponible dans asp.net, mais vous pouvez le faire.
http://www.codeproject.com/KB/graphics/ClipboardActiveX.aspx
J'ai un client qui se plaint constamment de ne pas pouvoir copier/coller des documents contenant des images de MS Word dans un wysiwyg pour créer du contenu sur leur site web.
Et cela va échouer. MS Word ne crée pas de code HTML valide, les pages paraîtront brisées pour les utilisateurs de navigateurs conformes. Word propose également des méthodes étranges d'ancrage d'images et de texte fluide qui ne seront pas traduits. En bref, Word est un environnement médiocre pour la création HTML.
Bien sûr, vos clients n'accepteront probablement pas ce qui nous amène à l'option 2:
Puisque votre client a choisi Word comme éditeur WYSIWYG, il est inutile de coller ce contenu dans un autre éditeur WYSIWYG. Votre solution optimale consiste à rechercher des moyens d'automatiser l'exportation HTML à partir de Word ou d'Open Office. Cela peut être fait en utilisant une combinaison de VBA et un script côté serveur pour convertir d'abord le document au format HTML (cela va également écrire les images sur le disque), puis télécharger le contenu combiné sur le serveur.
Si je comprends bien votre question, Votre client pourrait avoir n'importe quel document Word .__ au hasard et que certains de ces documents Pourraient contenir des images.
Ce que vous semblez décrire s'apparente à du contenula gestion à certains égards et à la création de pages Web statiques À d'autres.
Je supposerai que votre client souhaite que les visiteurs de son site Web affichent des documents tels que des pages HTML et non pas.
Quelques options:
utilisez Word pour enregistrer au format HTML. Pas le HTML le plus propre mais probablement la solution la plus propre.
demandez à votre client d’acheter un produit tel que Dreamweaver qui importera tous les deux leur document Word et nettoyer le code HTML généré par Word.
si votre client a beaucoup d’argent, développez une coutume solution utilisant VSTO
HTML seulement
Vous pouvez utiliser quelque chose qui (par glisser-déposer) crée automatiquement un formulaire HTML invisible, une entrée de fichier, copie le chemin du nom de fichier dans l'entrée de fichier et soumet 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 savez, la procédure standard Ajax.
Un peu d'aide pour déposer/coller
Je ne sais pas si HTML permet de supprimer des éléments de fichier. Si ce n'est pas le cas, vous pouvez consulter la spécification HTML 5 que Google tente de faire suivre.
Une autre option consiste à utiliser au moins un type de composant client riche (applet Java avec Swing ou Flash, ou Silverlight, ou autre) pour au moins saisir la suppression du fichier (ou du collage) et créer le formulaire HTML.
Pourquoi je préfère envoyer un formulaire
Je préfère la création du formulaire à l'applet qui envoie le fichier car il ne nécessite pas un autre port spécial sur le serveur ou quelque chose comme ça.
Ma question est de savoir s'il existe un programme ou un module Web ou quelque chose du genre qui fonctionne effectuera un téléchargement automatique des images pour un wysiwyg
XStandard Pro téléchargera des images sur le serveur collées à partir de Word ou d'autres applications/systèmes de fichiers.
En recherchant une solution similaire, j'ai remarqué que GMail le permet si vous effectuez un copier-coller depuis 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 colle pas/ne télécharge pas l'image.
À partir d'applications de bureau non-Office, il semble n'y avoir aucun support.
Donc, à supposer que les ingénieurs de Google aient consacré beaucoup de temps à cela, je suppose que cela n'est pas encore faisable à partir d'applications de bureau, mais peut-être si vous pouviez trouver un moyen rapide de sauvegarder le contenu sur le Web (par exemple en utilisant le blog de Word ou Enregistrer). en tant que fonctionnalités HTML), vous pouvez ensuite copier et coller à partir de cela, si votre client est prêt à franchir cette étape supplémentaire et que vous pouvez le laisser enregistrer directement sur un serveur Web.
Entaille