首页 > php代码 > php KindEditor文章内分页的实例方法

php KindEditor文章内分页的实例方法

我们这里介绍php与KindEditor编辑器使用时如何利用KindEditor编辑器的分页功能实现文章内容分页,KindEditor编辑器在我们点击分页时会插入

代码,我们只要以它为分切符,就可以了,具体分页方法如下。

我的理解核心代码

<?php
$news = array(
    'title' => 'first',
    'content' => '<p>this is paragraph 1</p>' . '<p>this is paragraph 2</p>' . 'Now i make a page end. [--page--] page 2 start~~~~~'
);
$newsModel->insert($news);
?>

=================================

<?php
//news_detail.php?p=2 :
$news_one = $newsModel->get(1);
$content_pages = explode('[--page--]', $news_one['content']);
$cur_page = min(max(1, intval($_GET['p'])) , count($content_pages));
$news_one['content'] = $content_pages[$cur_page - 1];
return render('news_detail.html', $news_one);
?>

我们知道在很多在线编辑器里都有插入分页的功能,像在KindEditor中点击插入分页编辑器会在光标的地方插入如下的代码:

<hr style="page-break-after:always;" />

而UEditor则会在光标处加入:

_ueditor_page _break_tag__ueditor_page和_break_tag_之间是没有空格的,由于本网站也是用的ueditor使用的分页符是break_tag,所以上面加了空格避免影响

下面我以KindEditor为例,贴上我的代码:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<?php
$content = <<<str
        <p>上海顶想信息科技有限公司(TOPThink Inc.)是国内领先的WEB应用和服务提供商致力于WEB应用平台、产品和应用的研发和服务,为企事业单位提供基于WEB的应用开发快速解决方案和产品。公司成立于2008年9月,是一家拥有自主知识产权的高新企业。</p>
        <hr />
        <p>公司长期专注于WEB应用框架、应用平台和企业解决方案的研究,公司的核心技术框架ThinkPHP由创始人刘晨于2006年创立,经过6年多的精心打造和发展,具有广泛的用户基础和良好的业内口碑,已经成长为国内领先和最具影响力的WEB应用开发框架,国外同比也具有相当大的优势。其应用领域分布于各个行业,在门户、社区和电子商务领域有着非常良好支持以及拓展,大小案例不下千家,在安全、效率、负载上都有很大优势,已经成为WEB应用的快速开发解决方案和最佳实践!</p>
                <hr />
        <p>
        公司总部位于上海,由从事互联网和用户体验研究达10年的资深专家领军,拥有一批专业的策划、设计和技术团队以及广泛的社区技术力量。公司长期以来凭借业内的影响力、良好的客户和合作关系,邀请了众多安全和项目专家作为顾问,有力得保证了客户项目的开发和实施。公司还拥有一支资深用户体验和设计研究队伍,针对不同用户量身定做用户体验流程,有着良好的产品设计和设计概念。<br/>2009年获得上海市重大文艺创作项目选题推荐。</p>
str;
$content = preg_replace("'<hr(.*)/>'iUs", "<hr>", $content);
$content = explode("<hr>", $content);
$count = count($content);
$p = empty($_GET['page']) ? 1 : (int)$_GET[page];
$p = $p == 0 ? 1 : $p;
$p = $p > $count ? $count : $p;
$p--;
$content = $content[$p];
$p++;
if ($count > 1) {
    $page = '<a href="?page=1">首页</a>';
    for ($i = 1; $i <= $count; $i++) {
        $page.= $i == $p ? '【<a style="color:red;" href="javascript:void(0)">' . $i . '</a>】' : '【<a href="?page=' . $i . '">' . $i . '</a>】';
    }
    $page.= '<a href="?page=' . $count . '">尾页</a>';
}
echo "<h1>上海顶想信息科技有限公司</h1>";
echo $content;
echo "<div>{$page}</div>";
?>
</body>
</html>

按照上面的代码你就可以实现文章分页了,效果如下图:

<img  style="width: 623px; zoom: 1; display: inline; height: 332px" src="http://pic4.phprm.com/2013/10/19/20131019041412800.png" width="865" height="533" jquery1900003197585295995675="146" onappear="null" loaded="true" original="/Uploads/Article/2013-09-25/20130925231340.png" alt="" />

如果你用的是UEditor编辑器分页符默认是:_ueditor_page _break_tag_ (你可以在ueditor.config.js中修改pageBreakTag的设定)则可以将上面的代码稍作修改即可:

<?php
$content = preg_replace("'<hr(.*)/>'iUs", "<hr>", $content);
$content = explode("<hr>", $content);
?>

改为:

$content = explode("_ueditor_page _break_tag_", $content);

这样就可以了,当然你可以自定义任何分页符


本文链接:http://www.phprm.com/code/53106.html

收藏随意^^请保留教程地址.

标签:explode 分页

相关文章

发表留言