101

javascript を使用してクリップボードからカスタム リッチ テキスト エディターに画像を貼り付けるにはどうすればよいですか? (ctrl+c および ctrl+v またはスナップショット)。

Ajax のリッチ テキスト エディターを使用したことのある人はいますか? クリップボードから Ajax RTE への画像の貼り付けは機能しますか?

あなたの考えを共有してください！

ありがとう！

4

6 に答える 6

40

この質問は今でも Google の検索結果に頻繁に表示されるため、少なくとも最新のすべてのブラウザー (2018)の Google Chrome (2011) では、これが可能なことを指摘したいと思います。GMail で使用するために実装しましたが、すべての Web サイトで使用できます。

クリップボード機能からの画像の貼り付けは、Gmail と Google Chrome 12+ でどのように機能しますか?

于 2011-10-16T12:20:41.997 に答える
10

Firefox 4 などの新しいブラウザーは、クリップボードから RTE への画像データの貼り付けを、エンコードされた PNG データを使用したデータ URIとしてサポートしています。ただし、ほとんどの Web アプリケーションはこれらのデータ URI を誤って解析し、破棄します。Yahooメールは正常に処理されます。ただし、Gmail と Hotmail はそれを破棄します。これについて Google と Microsoft に通知しました。

于 2010-12-09T16:42:51.823 に答える
10

今のところ、clipboardData Objectを見つけました。

ただし、クリップボードからテキスト形式または URL のみを取得します。 clipboardDataは IE のみで、文字列で動作し、画像を貼り付けると null を返します。

テスト例

 <form>
    <input type="text" id="context"  onClick="paste();">  
  </form>

<script type="text/javascript"> 

function paste() {  

var sRetrieveData = clipboardData.getData("Text");
document.getElementById('context').value = sRetrieveData;        

}
</script>

デフォルトでは、Firefox ではクリップボードへのアクセスが有効になっていません。説明はこちら. 一方、execCommand()はテキスト値のみを処理し、Firefox に準拠していません。

他の人が言ったように、コードが IE で機能するという事実はセキュリティ上のリスクであり、どのサイトでもクリップボードのテキストにアクセスできます。

画像の相対 URL をコピーする最も簡単な方法は、Java アプレット、Windows ActiveX プラグイン、.net コードを使用するか、ドラッグ アンド ドロップすることです。

于 2009-01-29T09:10:55.310 に答える
0

残念ながら、クリップボードから RTE に画像を貼り付けることはできません。

画像と一部のテキストを含む Microsoft Word などのデスクトップ アプリから BLOB をコピーすると、画像は壊れた参照として表示され (縦横比は正しくなります)、テキストは正しく貼り付けられます (書式設定は失われます)。 .

可能な唯一のことは、RTE 内で画像をコピーし、RTE 内に貼り付けることです。

于 2009-01-29T09:35:08.020 に答える