帮助格式化 PHP 中的新闻条目

Question

在我的网站上，用户可以登录并添加新闻。效果很好。我在尝试显示新闻时遇到问题。第一个问题是，如果新闻文本没有填充新闻图像旁边的所有空间，那么下一个新闻项目就会显示得太快（不在橙色断路器下方），正如您目前在网站上看到的那样。我想解决这个问题，我可以将每个新闻帖子 div 的高度设置为图像的高度，尽管图像比 div 短一点，所以我不确定如何做到这一点。

其次，用户在他们的新闻帖子中放置链接。如何让它们显示为活动状态？在 Firefox 上它们只是以文本形式出现。有人可以指出我正确的方向吗？

这是代码：

$query="SELECT id, date, title, text, author, media1, media2, deleted FROM news ORDER BY id DESC LIMIT 4";
$result=mysql_query($query);

$counter = 0;
$number1 = 1;
$number2 = 2;
while($row = mysql_fetch_array($result)){
        if($row['deleted'] == 0) {
                        if (($counter % 2) == 0) {
echo '<div id="text">';
echo '<a name="'.stripslashes($row['title']).'" id="'.stripslashes($row['title']).'"></a>';
echo '<span class="kisstitle">'.stripslashes($row['title']).'</span><br>';
echo ' (';
echo $row['date'];
echo ')';
echo '<br>'; 
echo '<br>'; 



if((preg_match ("/\bjpg\b/",$row['media1'])) || (preg_match ("/\bjpeg\b/",$row['media1'])) || (preg_match ("/\bpng\b/i",$row['media1'])) || (preg_match ("/\bgif\b/i",$row['media1']))){

echo '<img style="max-width:300px;" src="media/news/'.$row['media1'].'" class="floatRightClear" id="border">';

}

if((preg_match ("/\bjpg\b/",$row['media2'])) || (preg_match ("/\bjpeg\b/",$row['media2'])) || (preg_match ("/\bpng\b/i",$row['media2'])) || (preg_match ("/\bgif\b/i",$row['media2']))){

echo '<img style="max-width:300px;" src="media/news/'.$row['media2'].'" class="floatRightClear" id="border">';

}




if((preg_match ("/\bmp3\b/", $row['media1']))) {

    echo ' <p id="audioplayer_'.$number1.'" class="floatRightClear">Media Content</p>  
        <script type="text/javascript">  
        AudioPlayer.embed("audioplayer_'.$number1.'", {soundFile: "http://kiddiessupportscheme.org/media/news/'.$row['media1'].'"});  
        </script>';
        echo '<br>';
}

if((preg_match ("/\bmp3\b/", $row['media2']))) {

    echo ' <p id="audioplayer_'.$number2.'" class="floatRightClear">Media Content</p>  
        <script type="text/javascript">  
        AudioPlayer.embed("audioplayer_'.$number2.'", {soundFile: "http://kiddiessupportscheme.org/media/news/'.$row['media2'].'"});  
        </script>';
        echo '<br>';

}

echo stripslashes(nl2br($row['text']));
echo '<br><br>'; 
echo stripslashes($row['author']);
echo '</div>';

echo '<p align="right" id="seperater"><a href="index2.php?op=News#top">Top</a><img src="images/seperater.jpg" width="950" height="6" style="border:none;"  /></p>';
}

else {
echo '<div id="text">';
echo '<a name="'.stripslashes($row['title']).'" id="'.stripslashes($row['title']).'"></a>';
echo '<span class="kisstitle">'.stripslashes($row['title']).'</span><br>';
echo ' (';
echo $row['date'];
echo ')';
echo '<br>'; 
echo '<br>'; 


if((preg_match ("/\bjpg\b/",$row['media1'])) || (preg_match ("/\bjpeg\b/",$row['media1'])) || (preg_match ("/\bpng\b/i",$row['media1'])) || (preg_match ("/\bgif\b/i",$row['media1']))){

echo '<img style="max-width:300px;" src="media/news/'.$row['media1'].'" class="floatLeftClear" id="border">';

}

if((preg_match ("/\bjpg\b/",$row['media2'])) || (preg_match ("/\bjpeg\b/",$row['media2'])) || (preg_match ("/\bpng\b/i",$row['media2'])) || (preg_match ("/\bgif\b/i",$row['media2']))){

echo '<img style="max-width:300px;" src="media/news/'.$row['media2'].'" class="floatLeftClear" id="border">';

}



if((preg_match ("/\bmp3\b/", $row['media1']))) {

    echo ' <p id="audioplayer_'.$number1.'" class="floatLeftClear">Media Content</p>  
        <script type="text/javascript">  
        AudioPlayer.embed("audioplayer_'.$number1.'", {soundFile: "http://kiddiessupportscheme.org/media/news/'.$row['media1'].'"});  
        </script>';
        echo '<br>';

}
if((preg_match ("/\bmp3\b/", $row['media2']))) {

    echo ' <p id="audioplayer_'.$number2.'" class="floatLeftClear">Media Content</p>  
        <script type="text/javascript">  
        AudioPlayer.embed("audioplayer_'.$number2.'", {soundFile: "http://kiddiessupportscheme.org/media/news/'.$row['media2'].'"});  
        </script>';
        echo '<br>';

}

echo stripslashes(nl2br($row['text']));
echo '<br><br>'; 
echo stripslashes($row['author']);
echo '</div>';


echo '<p align="right" id="seperater"><a href="index2.php?op=News#top">Top</a><img src="images/seperater.jpg" width="950" height="6" style="border:none;"  /></p>';

}
$number1++;
$number1++;
$number1++;
$number2++;
$number2++;
$number2++;
$counter++;
}}

Answer 1

对于你的第一个问题：

第一个问题是，如果新闻文本没有填满新闻图像旁边的所有空间，那么下一个新闻项目就会显示得太快（不在橙色断路器下方），正如您在网站上看到的那样片刻。我想解决这个问题，我可以将每个新闻帖子 div 的高度设置为图像的高度，尽管图像比 div 短一点，所以我不确定如何做到这一点。

你只需要编辑你的css文件：

更改：

#seperater {
  float: left;
}

到：

#seperater {
  clear: both;
}

对于你的第二个问题，我找到了这个链接： http://www.sitepoint.com/forums/3713338-post5.html 这正是您需要的解决方案。

我上面发布的链接中的代码：

define( 'LINK_LIMIT', 30 );
define( 'LINK_FORMAT', '<a href="%s" rel="ext">%s</a>' );

function prase_links  ( $m )
{
  $href = $name = html_entity_decode($m[0]);

  if ( strpos( $href, '://' ) === false ) {
    $href = 'http://' . $href;
  }

  if( strlen($name) > LINK_LIMIT ) {
    $k = ( LINK_LIMIT - 3 ) >> 1;
    $name = substr( $name, 0, $k ) . '...' . substr( $name, -$k );
  }

  return sprintf( LINK_FORMAT, htmlentities($href), htmlentities($name) );
}

$s = 'Here is a text - www.ellehauge.net - it has some links with e.g. comma,  www.one.com,
in it. Some links look like this: http://mail.google.com - mostly they end with a
space or carriage return www.unis.no
<br /> - but they may also end with a period: http://ellehauge.net. You may even put
the links in brackets (www.skred-svalbard.no) (http://one.com).
From time to time, links use a secure protocol like https://gmail.com |
This.one.is.a.trick. Sub-domaines: http://test.ellehauge.net |
www.test.ellehauge.net | Files: www.unis.no/photo.jpg |
Vars: www.unis.no?one=1&~two=2 | No.: www.unis2_check.no/doc_under_score.php |
www3.one.com | another tricky one:
http://ellehauge.net/cv_by_id.php?id%5B%5D=105&id%5B%5D=6&id%5B%5D=100';

$reg = '~((?:https?://|www\d*\.)\S+[-\w+&@#/%=\~|])~';
print preg_replace_callback( $reg, 'prase_links', $s );