it-swarm.com.de

Wysiwyg mit Bild kopieren/einfügen

Erstens verstehe ich, dass ein Bild nicht von einem lokalen Computer in eine Website "kopiert" werden kann. Ich verstehe, dass es hochgeladen werden muss. Ich bin ein Webprogrammierer und kenne mich mit gängigen Web-Tools wie TinyMCE und FCKEditor aus. Meine Frage ist, ob ein Programm oder ein Web-Modul vorhanden ist oder etwas Ähnliches, das einen automatischen Upload von Bildern für einen Wysiwyg ausführt. Ich habe einen Kunden, der sich ständig darüber beschwert, Dokumente mit Bildern aus MS Word nicht in einen Wysiwyg kopieren/einfügen zu können, um Inhalte auf ihrer Website zu erstellen. 

Ich habe in TX Text Control ( http://labs.textcontrol.com/ ) nachgesehen und war in einem möglicherweise flashen Wysiwyg, der die Datei automatisch hinter den Kulissen hochladen konnte. Ich weiß nicht, ob dies existiert, und Google hat mir bei meiner Suche nicht viel geholfen. Ich dachte, ich würde andere Programmierer fragen. 

Ich bin offen für jegliche Art von Servertechnologie oder Browseranforderungen. Ich suche ein Browser-basiertes Tool anstelle eines Anwendungstools wie Dreamweaver oder anders. 

Wenn es keine gute Lösung für das Problem gibt, bin ich bereit, dies an dieser Stelle zu akzeptieren.

Hinweis: Dies war eine Anfrage von einem Kunden, und es erschien mir ziemlich unvernünftig. Ich beschloss, Community-Rat einzuholen, anstatt dem Kunden einfach nur „Nein“ zu sagen. Die Optionen hier waren äußerst hilfreich und informativ, um mögliche Lösungen zu präsentieren.

43
jW.

Vielleicht finden Sie Anregungen in ScreenshotMe .

Grundsätzlich benötigen Sie verschiedene Teile:

  • etwas, das das Bild aus der Zwischenablage herausnimmt und in das Web lädt: Dies können Java-Applets, Flash- oder Firefox-Erweiterungen sein. Flash oder Java hätten den Vorteil, dass sie browserübergreifend sind
  • dann verwenden Sie das <canvas>-Tag, um das Bild anzuzeigen, nachdem es hochgeladen wurde (verwenden Sie explorercanvas , um canvas in Internet Explorer zu übernehmen.

Wie ich in meinem Kommentar darauf hingewiesen habe, stellt Google die Gänge zugunsten von HTML5 ein. Schauen Sie sich 7 User Interaction - HTML 5 an.

BEARBEITEN:

Wenn HTML5 implementiert ist, soll es mit der Zwischenablage des Systems interagieren. Ich stelle mir folgendes Szenario vor:

Bis HTML5 zum Kopieren und Einfügen von Drag & Drop implementiert ist, müssen Sie sich auf Flash oder ein (signiertes) Java-Applet verlassen, um mit der Zwischenablage zu interagieren.

28
Gregory Pakosz

Ich sehe, dass dies ein alter Thread ist, aber falls irgendjemand nach etwas wie diesem sucht (wie ich war), bin ich heute Abend auf ein Produkt namens textbox.io von einer Firma namens Ephox gestoßen (sieht aus, als hätten sie es gekauft.) TinyMCE auch). 

Jedenfalls ist dies der erste JavaScript-/HTML5-Editor, den ich gefunden habe, der erfolgreich Bilder aus Word mit einem proprietären Plugin fügt, das als PowerPaste bezeichnet wird. Beim ersten Einfügen werden Sie aufgefordert, erneut auf Einfügen zu klicken, um die Bilder zu importieren. Funktionierte wie ein Zauber - das einzige Problem, das ich hatte, war, dass es für ein Startup wie das, an dem ich beteiligt bin, für $ 500+ monatlich (± R6.650 + pro Monat in ZAR) höllisch teuer ist, was es leider aus unseren Möglichkeiten herauspreist :(

3
AdrianD
3
Annie

Es gibt keine direkte Option in asp.net, aber Sie können dies tun

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

2
Rahul Shakya

Ich habe einen Kunden, der sich ständig darüber beschwert, Dokumente mit Bildern aus MS Word nicht in einen Wysiwyg kopieren/einfügen zu können, um Inhalte auf ihrer Website zu erstellen.

Und das wird scheitern. MS Word erstellt kein gültiges HTML. Die Seiten werden Benutzern von konformen Browsern als fehlerhaft angezeigt. Word hat auch einige merkwürdige Methoden zum Verankern von Bildern und fließendem Text, die nicht übersetzt werden können. Kurz gesagt, Word ist eine schlechte Umgebung für das Authoring von HTML.

Natürlich akzeptieren Ihre Kunden wahrscheinlich nicht das, was uns zu Option 2 bringt:

Da Ihr Client sich für Word als WYSIWYG-Editor entschieden hat, ist es wenig Sinn, diesen Inhalt in den WYSIWYG-Editor ein anderer WYSIWYG-Editor einzufügen. Ihre optimale Lösung besteht darin, nach Möglichkeiten zur Automatisierung des HTML-Exports aus Word oder Open Office zu suchen. Dies kann mit einer Kombination aus VBA und einem serverseitigen Skript durchgeführt werden, um das Dokument zunächst in HTML zu konvertieren (dadurch werden auch die Bilder auf die Festplatte geschrieben) und anschließend der kombinierte Inhalt auf den Server hochgeladen.

2
SpliFF

Wenn ich Ihre Frage richtig verstehe, könnte Ihr Kunde Ein beliebiges Word-Dokument (.____.) Haben und einige dieser Dokumente Enthalten möglicherweise Bilder.

Was Sie anscheinend beschreiben, ist in mancher Hinsicht mit der Verwaltung von Inhalten Und in anderen mit statischen Webseiten zu tun.

Ich kann Ihnen sagen, dass Ihr Kunde möchte, dass Besucher der - Website Dokumente als HTML-Seiten und nicht Als Word-MIME-Typen anzeigen.

Einige Optionen:

  • verwenden Sie Word zum Speichern als HTML. Nicht das sauberste HTML , Aber wahrscheinlich die sauberste Lösung.

  • lassen Sie Ihren Kunden ein Produkt wie Dreamweaver erwerben, das sowohl das Word-Dokument importiert als auch Words generiertes HTML-Code bereinigt.

  • wenn Ihr Kunde viel Geld hat, entwickeln Sie mit VSTO eine benutzerdefinierte - Lösung

1
gerryLowry

Ich verstehe die Situation Ihres Kunden. Ich arbeite an der gleichen Sache, habe aber im Moment wenig Priorität, so dass ich keine Lösungen präsentieren kann, nur ein paar Anmerkungen. 

  • Wenn ich ein Bild aus einem gespeicherten OpenOffice-Dokument (funktioniert nicht mit einem ungespeicherten) in eine CKEDitor-Instanz kopiert + eingefügt wird, habe ich kein MS Word zum Testen, aber ich gehe davon aus, dass es ähnlich funktioniert - ich bekomme es Der folgende HTML-Code wurde in den Editor eingefügt: 

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

    es kann möglich sein, einen Flash- oder Java-Uploader so anzupassen, dass diese Datei mit sehr geringer Interaktion vom Benutzer abgerufen werden kann. Das Abrufen von Dateien vom Computer des Benutzers ist eine Sicherheitslücke schrecklich, aber es ist möglicherweise möglich, einen Uploader im temporären Verzeichnis voreinzustellen. 

  • Die Canvas - Methode, die Gregory Pakosz erwähnt, finde ich jedoch am interessantesten, da es () möglich ist, das Bild auf dem Server ohne Upload auf dem Server zu speichern. Es gelten jedoch dieselben Sicherheitsbeschränkungen wie im obigen Beispiel: Das Bild befindet sich in einer anderen Domäne und kann daher nicht von einem Skript auf der Seite gelesen werden. Man müsste einen Ausweg finden, indem man Browsereinstellungen verwendet oder eine benutzerdefinierte Erweiterung schreibt. 

1
Pekka 웃

Nur HTML

Sie könnten etwas verwenden, das (durch Ziehen und Ablegen) automatisch ein unsichtbares HTML-Formular und eine Dateieingabe erstellt, den Pfad des Dateinamens in die Dateieingabe kopiert und das Formular absendet.

Sie können das Formular in einem unsichtbaren Iframe erstellen, um es im Hintergrund zu senden, ohne die aktuelle Seite zu ändern. Sie wissen, das Standardverfahren von Ajax.

Eine kleine Hilfe zum Ablegen/Einfügen

Ich weiß nicht, ob es in HTML möglich ist, Dateielemente zu löschen. Ist dies nicht der Fall, können Sie sich die HTML 5-Spezifikation ansehen, die Google nach vorne zu bringen versucht.

Eine andere Option ist die Verwendung einer Rich Client-Komponente (Java Applet mit Swing oder Flash, Silverlight oder Wathever), um zumindest das Ablegen der Datei (oder das Einfügen) und das Erstellen des HTML-Formulars zu erfassen.

Warum ich lieber ein Formular schicke

Ich bevorzuge die Erstellung des Formulars gegenüber dem Applet, das die Datei sendet, da hierfür kein weiterer spezieller Port auf dem Server oder ähnliches erforderlich ist.

1
helios

Meine Frage ist, ob ein Programm oder ein Web-Modul vorhanden ist oder etwas Ähnliches, das einen automatischen Upload von Bildern für einen Wysiwyg ausführt

XStandard Pro lädt Bilder aus Word oder anderen Anwendungen/Dateisystemen auf den Server hoch.

1
Vlad Alexander

Bei der Suche nach einer ähnlichen Lösung ist mir aufgefallen, dass GMail es erlaubt wenn Sie kopieren und von einem Browser einfügen.

Wenn Sie aus Word kopieren, scheint es die Abmessungen des Bildes zu kennen (Sie können eine Kontur des Bildes sehen), das Bild wird jedoch nicht wirklich eingefügt/hochgeladen.

Von Nicht-Office-Desktop-Apps scheint es keine Unterstützung zu geben.

Unter der Annahme, dass die Google-Ingenieure einige Zeit dafür aufgewendet haben, vermute ich, dass dies von Desktop-Apps noch nicht möglich ist, aber wenn Sie einen schnellen Weg finden könnten, den Inhalt im Web zu speichern (z. B. mit Words Blog oder Speichern) Als HTML-Funktionen) können Sie diese dann kopieren und einfügen, wenn Ihr Client bereit ist, diesen zusätzlichen Schritt auszuführen, und Sie können sie direkt auf einem Webserver speichern.

Nick

0
user176505