根据内容自动标记网址

时间:2018-10-27 21:31:07

标签: javascript image url youtube embed

我正在运行一个仅允许用户发布文本的网站(这是因为托管服务没有给我们太多空间),我想使其对用户更漂亮,更容易,所以我想添加一些javascript代码来检测用户发布的任何url,并相应地对其进行自动标记,例如:如果有人发布了某些youtube视频的url,我希望网站自动嵌入它。

与要发布图片的情况相同:如果某人发布的网址以.png或.jpg结尾,那么它将显示该图片。

我确定这是之前被问到并解决的,但是我不确定该如何表达,因此我什么也找不到...

我找到了this code

$('body').html(function(i, html) {

return html.replace(/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g, '<iframe width="420" height="345" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>');

虽然效果很好,但是我的网站会在各处自动添加div和brs,完全破坏了它,似乎代码不知道url的结尾和标记开始并破坏了内容,我尝试了很多事情,但是我无法解决它,有人可以帮我吗?

0 个答案:

没有答案
相关问题