2015-04-07 31 views
-1

我需要將文本鏈接替換爲html視圖,除了YouTube之外,它必須替換爲圖片。Javascript和正則表達式的鏈接和youtube

var message = ""; 
message = value['message'].replace(/((.[^>"]|[^=]")\b(https?|ftp|file):\/\/([-A-Z0-9+&@#%?=~_|!:,.;]*)([-A-Z0-9+&@#%?\/=~_|!:,.;]*)[-A-Z0-9+&@#\/%=~_|])/ig, "<a href='$1' target='_blank'>$1</a>"); 

message = message.replace(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((.|-){11})(?:\S+)?$/, "<img src='http://img.youtube.com/vi/$1/0.jpg' class='youtube_preview' onclick='showYoutube(\"$1\")'>"); 

但在結果這個JS代碼只顯示youtube圖像。怎麼了?

例子: https://jsfiddle.net/c2376yfx/

後運行JS代碼,只顯示鏈接,但Youtube鏈接應該是一個圖片。

+0

最後*謝謝*聽起來像*爲我做*,這不是stackoverflow的目的,你的問題可能會面臨快速關閉。我的編輯不是最好的,只是一個提示:如果您提出問題以提高理解力,而不是糾正代碼以適合您的目的,那麼您有更好的答案機會。所以試着進一步改善你的問題。 –

+0

https://jsfiddle.net/c2376yfx/ – sergeyfedorov

回答

0

所以...你想用鏈接替換鏈接到圖像?

...只需將target.html和src中的YT鏈接替換爲圖像鏈接即可。