请实际上我正在开发一种社交博客,它支持博客应该拥有的图像上传,带有youtube视频的bbcodes等等。
在主页上显示所有最近的博客,限制为1000个字符。 问题是,当我通过链接添加youtube视频或图像时,它落在字符串的末尾会打破整个页面。
请问有什么方法可以解决这个问题吗?也许有些事情比如用youtube视频和图片链接来计算字符串。
下面是我的主页显示代码
$csql = $db->query("SELECT * FROM `icon_blog` WHERE `bstatus`='0'");
if($csql->num_rows == 0){
echo '<div class="alert alert-error">No Blog Available</div>';
}else{
$bpp = 3;
$pages = ceil($csql->num_rows/$bpp);
$page = intval($db->real_escape_string(isset($_GET['p']) ? $_GET['p'] : ''));
$begin = ($page >= 0 ? ($page*$bpp) : 0);
$sql = $db->query("SELECT a.*, b.username FROM icon_blog a LEFT JOIN icon_admin b ON b.aid = a.uid WHERE a.bstatus='0' ORDER BY a.posttime DESC LIMIT ".$begin.", ".$bpp);
//if ($sql->num_rows > 0) {
while($val = $sql->fetch_object()){
//echo' <div class="well" style="border:1px solid #e3e3e3;border-radius:4px;min-height:1px;padding-left:15px;padding-right:15px; margin-bottom:10px;">';
//echo'<div class="col-lg-8" style="border:1px solid #e3e3e3;border-radius:4px;">';
//$fcontent = BBCode($val->message);
$fcontent = $bb->parse(wordcensor($val->message));
// $fcontent = $val->message;
$bcom = $db->query("SELECT * FROM icon_bcomment WHERE bid='$val->bid'")->num_rows;
?><div class="[ panel panel-default ] panel-google-plus">
<!-- <div class="panel-google-plus-tags">
<ul>
<li>#Snippet</li>
</ul>
</div> -->
<div class="panel-heading">
<h3 style="word-wrap:break-word;"><a href="index.php?bid=<?=$val->bid?>"><?=ucfirst($val->subject)?></a></h3>
<!-- <h3>Robert McIntosh</h3> -->
<h5><span>by <i><?=$val->username?></i></span> · <a href="#"> <span class="glyphicon glyphicon-comment"></span> Comments (<?=$bcom?>) </a> · <span class="glyphicon glyphicon-time"></span> Posted on <i><?=date('d M Y h:i', $val->posttime)?></i></h5>
<!-- <h5><span>Shared publicly</span> - <span>Jun 25, 2014</span> </h5> -->
</div>
<div class="panel-body">
<p><?=nl2br(ucfirst(truncate($fcontent, '500')))?></p>
<? $chek =$db->query("SELECT * FROM icon_attachment WHERE postid='".$val->bid."' ORDER BY ctime DESC LIMIT 2");
if ($chek->num_rows > 0) {
while($gath = $chek->fetch_object()){
echo '<div style="display:inline-block;padding-top:10px;padding-right:4px;padding-left:4px;margin-bottom:7px;" class="img-responsive"><img class="img-thumbnail" src="'.$site['site_url'].'uploads/'.$gath->file.'"></div>';
}
}?>
</div>
<div class="bs-social">
<ul class="bs-social-buttons">
<li class="facebook-button">
<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div> </li>
<!-- <li class="follow-btn">
djdd
</li> -->
<li class="tweet-btn">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</li>
<li class="googleplus-button">
<div class="g-plusone" data-annotation="inline" data-width="300" data-href=""></div>
<!-- Helyezd el ezt a címkét az utolsó +1 gomb címke mögé. -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</li>
</ul>
</div>
</div>
<?
}
echo'<div class="text-center">
<ul class="pager">';
$prev = $page-1;
$next = $page+1;
if($csql->num_rows >= 0) {
if($begin/$bpp == 0) {
echo '<li class="previous disabled">←Newer→</li>';
}else{
echo '<li class="previous"><a href="?p='.($begin/$bpp-1).'">←Newer→</a></li>';
}
if($begin+$bpp >= $csql->num_rows) {
echo '<li class="next disabled">←Older→</li>';
}else{
echo '<li class="next"><a href="?p='.($begin/$bpp+1).'">←Older→</a></li>';
}
}
echo'</ul>
</div>';
}
echo'</div>';
}