0

嗨朋友我有这个问题。

我有这个

<div  id="text">
Hello world this just a demo.
http://upload.wikimedia.org/wikipedia/it/e/e1/Nba1.png
</div>

现在我需要用 jquery 把它转换成这个。

<div id="text">
Hello world this just a demo.
<img src="http://upload.wikimedia.org/wikipedia/it/e/e1/Nba1.png" width="150" height="150" alt="Nba">
</div>

一些想法或已经插件。1 步骤是检测图像 url 表单 div id 文本 2 用 html 内容替换检测到的图像 url 3 如果检测到 url 如果不是图像，则用 html 内容替换它们 谢谢

4

3 回答 3

0

这就是你在 PHP 中的做法，我看不出没有在 PHP 中这样做的理由

<?php

function get_string_between($string, $start, $end){
    $string = " ".$string;
    $ini = strpos($string,$start);
    if ($ini == 0) return "";
    $ini += strlen($start);
    $len = strpos($string,$end,$ini) - $ini;
    return substr($string,$ini,$len);
}

$fullstring = '
 <div  id="text">
 Hello world this just a demo.
 http://upload.wikimedia.org/wikipedia/it/e/e1/Nba1.png
 </div>';

$start = "http:";
$end = "</div>";

$parsed = get_string_between($fullstring, $start, $end);

echo $start.$parsed; // (result = dog)

?>

而且我认为扩展检查非常简单，只需检查谷歌“PHP 检查有效图像扩展”或类似查询。

于 2012-06-08T21:10:53.100 回答
0

首先在您的网址中添加一个 id

  <div  id="text">
  Hello world this just a demo.
  <div id="img">http://upload.wikimedia.org/wikipedia/it/e/e1/Nba1.png</div>
  </div>

然后像这样获取jquery的url

var url=$('#img').text();

然后将图像标签添加到它并附加：

var real_img='<img src="'+url+'" width="150" height="150" alt="Nba">';

$('#img').html(real_img);
于 2012-06-08T21:22:35.507 回答
0

在@Engineer 的帮助下，这里是与我有同样问题的人的解决方案

HTML

<div id="content-url">
    Hello World<br>
 http://www.goalterest.com/  
    http://www.jquery.com/  
    http://www.google.com/  
 http://www.esotech.org/wp-content/uploads/2011/12/jquery_logo.png
    http://www.linuxtrent.it/sites/default/files/images/drupal-logo.jpg
    <div id="urls"></div>
    <div id="photos"></div>
</div>

查询

var urlRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
var photoRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|]).(?:jpg|gif|png)/ig;

  var url_url= $('#content-url').html().match(urlRegex);
var url_photo= $('#content-url').html().match(photoRegex);

//Added
$('#content-url').html( $('#content-url').html().replace(urlRegex,''));
//----------

$.each( url_url, function(i,value){
   var convert_url='<a href="'+url_url[i]+'">'+url_url[i]+'</a><br>';

   $('#urls').append(convert_url)
       });
    $.each( url_photo, function(i,value){

   var convert_photo='<img src="'+url_photo[i]+'" width="150" height="150" alt="Nba"><br>';
   $('#photos').append(convert_photo)
});

谢谢大家

于 2012-06-09T15:50:10.450 回答