2017-08-09 2 views
-3

私はjavascript上で全く新しいので、私はあなたの助けを求める。Googleから私のアプリにコピーした過去の画像

私のアプリでは、テキストを挿入するテキストエリアがあります。どのスクリプトももちろん解釈されません。しかし、保存されているURLリンクの例外があります。

http://image.jpgまたはpngのような画像のURLをテキストエリアに投稿すると、画像が表示されます。

だから私は、問題は、自動的にこの変換方法を知ることだと思う。これまで

<a href="image.jpg">image.jpg</a> 

<img src="image.jpg"> 

私はバックエンドでいくつかの記事を書くためにTinyMCEのエディタを持っています。だからそれでうまくいく。画像リンクをコピーして過去のリンクにすることができ、URLの代わりに画像が表示されます。しかし、基本的なテキストエリアでは動作しません。

私は賞味期限があります! :)

Google画像やその他のウェブサイトでは、画像上で右クリックして画像をコピーすることができます。しかし、私はそれが私が望むところに貼り付けることはできません。私のTinyMCE Editorではうまくいきます。しかし、テキストエリアには何も貼り付けません。私は少なくともURLリンクを持っているべきですか?

ありがとうございました

答えて

1

以下は、あなたが言っていることを行うべき完全なHTMLページです。

<!doctype html><html lang=en> 

<a href="image.jpg">image.jpg</a> 
<a href="image.jpg">image.jpg</a> 
<a href="image.jpg">image.jpg</a> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(function(){ 
    $('a[href$=".jpg"]').each(function(){ 
    $(this)[0].outerHTML="<img src='"+$(this).attr('href')+"'>"; 
    }); 
}); 
</script> 
+0

このスクリプトは面白いですが、私はそれがにすべてのタグを変えていくと思います。問題は、画像ではないもあるということです。 – GrandGTO

+0

@GrandGTO私の編集を確認してください。 – William

+0

それは働いている!ありがとうございました – GrandGTO

関連する問題