44

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

TX Text Control（http://labs.textcontrol.com/）を調べ、ファイルを舞台裏で自動的にアップロードできるフラッシュwysiwygを調べていました。これが存在するかどうかはわかりませんし、グーグルは私の検索にあまり役立たなかったので、他のコーダーに聞いてみようと思いました。

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

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

注：これはクライアントからのリクエストであり、私にはかなり不合理に思えました。私はクライアントに「いいえ」と言うのではなく、コミュニティのアドバイスを集めることにしました。ここでのオプションは、考えられる解決策を提示するのに非常に役立ち、有益でした。

4

11 に答える 11

29

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

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

  • クリップボードから画像を取り出して Web にアップロードするもの: これは、Java アプレット、フラッシュ、または Firefox 拡張機能である可能性があります。FlashまたはJavaには、クロスブラウザであるという利点があります
  • 次に、<canvas>タグを使用して、アップロードされた画像を表示します ( explorercanvasを使用しcanvasて Internet Explorer に取り込みます)。

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

編集：

実装された HTML5 は、システムのクリップボードと対話することになっています。次のシナリオが機能すると思います。

HTML5 のコピー アンド ペーストのドラッグ アンド ドロップが実装されるまでは、Flashまたは (署名された) Java アプレットを使用してクリップボードを操作する必要があります。

于 2010-01-08T08:42:28.130 に答える
3

GoogleGearsを使用してドラッグアンドドロップアップロードを調べることができます。

于 2010-01-05T20:48:19.367 に答える
3

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

とにかく、これは、PowerPaste と呼ばれる独自のプラグインを使用して単語から画像を正常に貼り付けることがわかった最初の JavaScript/HTML5 エディターです。最初の貼り付け時に、画像をインポートするためにもう一度貼り付けを押すように求められます。魔法のように機能しました - 私が抱えていた唯一の問題は、私が関わっているようなスタートアップにとっては、月額 $500+ (ZAR で月額 ±R6,650+) という非常に高価なことでした。 :(

于 2016-08-10T20:13:51.923 に答える
2

MS Word の画像を含むドキュメントをコピーして wysiwyg に貼り付けて、Web サイトにコンテンツを作成できないと常に不満を言うクライアントがいます。

そして、これは失敗します。MS Word は有効な HTML を作成しないため、適合ブラウザのユーザーにはページが壊れているように見えます。Word には、翻訳されない画像やフロー テキストを固定する奇妙な方法もあります。要するに、Word は HTML を作成するには不十分な環境です。

もちろん、クライアントはそれを受け入れない可能性が高いため、オプション 2 に進みます。

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

于 2010-01-12T11:13:43.513 に答える
1

HTMLのみ

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

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

ドロップ/貼り付けのための少しの助け

HTMLでファイルアイテムの削除が許可されているかどうかはわかりません。そうでない場合は、Googleが進めようとしているHTML5仕様を確認できます。

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

フォームを送信することを好む理由

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

于 2010-01-08T08:50:55.773 に答える
1

あなたの質問を正しく理解できれば、あなたのクライアントは任意の Word ドキュメントを持っている可能性があり、これらのドキュメントの一部には画像が含まれている可能性があります。

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

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

いくつかのオプション:

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

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

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

于 2010-01-14T16:30:30.900 に答える
1

私はあなたのクライアントの苦境を理解しています。私は同じことに取り組んでいますが、現時点では優先度が低いため、解決策を提示できません。いくつかのメモだけです。

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

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

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

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

于 2010-01-13T10:42:58.497 に答える
1

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

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

于 2010-04-27T13:49:40.847 に答える
0

Redactor と呼ばれる WYSIWYG エディターを使用すると、ボタンをクリックするのではなく、エディターに画像を直接コピーして貼り付けることができupload imageます。

これは、コピーと貼り付けの例へのリンクです。

于 2014-06-18T07:29:10.803 に答える
0

同様の解決策を探していたところ、ブラウザーからコピーして貼り付けている場合、GMail でそれが可能であることに気付きました。

Word からコピーすると、画像の寸法を認識しているように見えますが (画像の輪郭を確認できます)、実際に画像を貼り付けたりアップロードしたりしません。

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

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

ニック

于 2010-04-26T17:53:33.513 に答える