web-dev-qa-db-ja.com

Wysiwygとイメージのコピー/貼り付け

まず、画像をローカルマシンからウェブサイトに「コピー」できないことを理解しています。アップロードする必要があることを理解しています。私はWebプログラマーであり、TinyMCEやFCKEditorなどの一般的なWeb WYSIWYGツールに精通しています。私の質問は、wysiwygの画像の自動アップロードを実行するプログラムまたはWebモジュール、または機能する種類のものが存在するかどうかです。 MS Wordからwysiwygに画像付きのドキュメントをコピー/貼り付けしてWebサイトにコンテンツを作成できないことに不満を訴えているクライアントがいます。

私はTX Text Control( http://labs.textcontrol.com/ )を調べており、バックグラウンドで自動的にファイルをアップロードできる可能性のあるフラッシュwysiwygを調べていました。これが存在するかどうかはわかりませんが、検索でGoogleがあまり役に立たなかったので、他のコーダーに尋ねると思いました。

私は、あらゆる種類のサーバーテクノロジ、またはブラウザーの要件を受け入れます。 Dreamweaverなどのアプリケーションツールではなく、ブラウザベースのツールを探しています。

問題に対する適切な解決策が存在しない場合は、現時点でそれを受け入れます。

注:これはクライアントからの要求であり、私にはかなり無理に思えました。私はクライアントに「いいえ」と伝えるだけでなく、コミュニティのアドバイスを集めることにしました。ここでのオプションは、可能な解決策を提示するのに非常に役立ち、有益でした。

44
jW.

ScreenshotMe からインスピレーションを受けるかもしれません。

基本的には、さまざまなパーツが必要です。

  • クリップボードから画像を取り出してウェブにアップロードするもの:これはJavaアプレット、フラッシュ、またはFirefoxの拡張機能です。FlashまたはJavaはクロスブラウザであるという利点があります
  • 次に、アップロードした画像を_<canvas>_タグを使用して表示します( explorercanvas を使用してcanvasをインターネットに接続します冒険者)

私のコメントで指摘したように、GoogleはHTML5を支持して中止します。 7ユーザーインタラクション-HTML 5 をご覧ください。

編集:

HTML5を実装すると、システムのクリップボードとやり取りすることが想定されます。次のシナリオがうまくいくと思います:

HTML5のコピー/貼り付けのドラッグ&ドロップが実装されるまで、 Flash または(署名済み) Javaに依存する必要がありますapplet は、クリップボードと対話します。

29
Gregory Pakosz

これは古いスレッドですが、まだ誰かがこのようなものを探している場合は(私もそうでした)、Ephoxという会社から今夜 textbox.io という製品を見つけました(彼らはTinyMCEも買いました。

とにかく、これは、PowerPasteと呼ばれる独自のプラグインを使用してWordから画像を正常に貼り付けることができると私が見つけた最初のJavaScript/HTML5エディターです。最初の貼り付け時に、画像をインポートするためにもう一度貼り付けを押すように求められます。魅力のように機能しました-私が抱えていた唯一の問題は、私が関与しているようなスタートアップの場合、毎月$ 500以上(ZARの場合は1か月あたり±R6,650以上)であり、残念ながらオプションの価格が高くつくということです:(

3
AdrianD
3
Annie

Asp.netで利用できる直接オプションはありませんが、これを行うことができます

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

2
Rahul Shakya

MS Wordからwysiwygに画像付きのドキュメントをコピー/貼り付けしてWebサイトにコンテンツを作成できないことに不満を訴えているクライアントがいます。

そして、これは失敗します。 MS Wordは有効なHTMLを作成しません。適合ブラウザのユーザーにはページが壊れて表示されます。 Wordには、翻訳されない画像やフローテキストをアンカーする奇妙な方法もあります。つまり、WordはHTMLを作成するための貧弱な環境です。

もちろん、あなたのクライアントはおそらくそれを受け入れないでしょう、それが私たちにオプション2をもたらします:

クライアントがWordをWYSIWYGエディターとして選択しているため、そのコンテンツをanother WYSIWYGエディターに貼り付ける意味はほとんどありません。最適なソリューションは、WordまたはOpen OfficeからのHTMLエクスポートを自動化する方法を検討することです。これは、VBAとサーバー側スクリプトの組み合わせを使用して、最初にドキュメントをHTMLに変換し(これにより画像もディスクに書き込まれます)、次に組み合わせたコンテンツをサーバーにアップロードします。

2
SpliFF

私があなたの質問を正しく理解している場合、クライアントはランダムなWord文書を持っている可能性があり、これらの文書の一部には画像が含まれている可能性があります。

あなたが説明しているように見えるのは、いくつかの点でコンテンツ管理に似ており、他の点では静的なWebページを作成することと似ています。

私は、クライアントがWebサイトの訪問者に、そのようなドキュメントをWord MIMEタイプとしてではなく、HTMLページとして表示することを望んでいると思います。

いくつかのオプション:

  • wordを使用してHTMLとして保存します。最もクリーンなHTMLではありませんが、おそらく最もクリーンなソリューションです。

  • クライアントにDreamweaverのような製品を購入してもらい、Word文書をインポートして、Wordで生成されたHTMLをクリーンアップします。

  • クライアントに多額の資金がある場合は、VSTOを使用してカスタムソリューションを開発する

1
gerryLowry

クライアントの苦境を理解しています。私は同じことに取り組んでいますが、現時点では優先度がほとんどないため、解決策を提示することはできません。

  • 保存済み OpenOfficeドキュメント(保存されていないドキュメントでは機能しません)からCKEDitorインスタンスに画像をコピーして貼り付けると、テストするMS Wordがありませんが、同様に機能すると思います-次のHTMLがエディターに挿入されます。

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

    flashを微調整したり、Javaアップローダーをユーザーの操作をほとんど必要とせずにフェッチできるようにしたりできます。ユーザーのコンピュータからファイルをフェッチできるのは、恐ろしいセキュリティホールですが、少なくともアップローダーを一時ディレクトリdirectoryに事前設定することは可能かもしれません。

  • ただし、Gregory Pakoszが言及しているCanvasメソッドが最も興味深いと思います。これは、この方法でcouldを保存できるためですアップロードせずにサーバー側の画像をサイレントにします。ただし、上記の例と同じセキュリティ制限が引き続き適用されます。画像は別のドメインにあるため、ページのスクリプトで読み取ることができません。ブラウザーの設定を使用するか、カスタム拡張機能を作成することで、その回避策を見つける必要があります。

1
Pekka

HTMLのみ

(ドラッグアンドドロップで)非表示のHTMLフォーム、ファイル入力を自動的に作成し、ファイル名のパスをfileinputにコピーしてフォームを送信するものを使用できます。

非表示のiframe内にフォームを作成して、現在のページを変更せずにフォームをバックグラウンドで送信できます。ご存知のように、標準のAjax手順です。

ドロップ/貼り付けの小さなヘルプ

HTMLでファイルアイテムをドロップできるかどうかはわかりません。そうでない場合は、Googleが進めようとしているHTML 5仕様を確認できます。

別のオプションは、少なくともファイルのドロップ(または貼り付け)を把握し、HTMLフォームを作成するために、ある種のリッチクライアントコンポーネント(SwingまたはFlashのJavaアプレット、またはSilverlight、またはwathever)を使用することです。

フォームを送信する理由

サーバーなどで特別なポートを必要としないため、ファイルを送信するアプレットよりもフォームを作成する方が好きです。

1
helios

私の質問は、wysiwygの画像の自動アップロードを実行するプログラムまたはWebモジュールまたは何か機能するものが存在するかどうかです

XStandard Proは、Wordまたは他のアプリケーション/ファイルシステムから貼り付けられたサーバーに画像をアップロードします。

1
Vlad Alexander

同様の解決策を探していたところ、GMailで許可されていることに気づきましたifブラウザからコピーして貼り付けています。

Wordからコピーした場合、画像のサイズはわかっているように見えますが(画像のアウトラインを確認できます)、実際に画像を貼り付けたりアップロードしたりすることはできません。

Office以外のデスクトップアプリからは、サポートがないようです。

したがって、Googleのエンジニアがこれにかなりの時間を費やしていると仮定すると、デスクトップアプリからはまだ実行できないと思いますが、コンテンツをWebに保存する簡単な方法を見つけることができれば(たとえば、Wordのブログを使用するか、保存) HTML機能として)クライアントが追加のステップを実行する準備ができていて、クライアントに直接Webサーバーに保存させることができる場合は、そこからコピーして貼り付けることができます。

ニック

0
user176505