FCKeditor+jQuery+PHP实现分页代码
FCKeditor是一种流行的即插即用的网页编辑器,支持如ASP,PHP,java语言,等等。这里是介绍编辑器的使用插入分页符,页面无刷新页面。
编辑新闻,在一个段落中插入一个需要分页的页面,你可以保存。
两。看新闻
在读取新闻字段时,PHP分页函数用于处理新闻字段数据。代码如下:
复制代码代码如下所示:
功能分页符($内容)
{
内容= $内容;
$模式;
美元preg_split strsplit =(美元美元模式,内容,1,preg_split_no_empty);
$count =计数($ strsplit);
= $ outstr ;
$ I = 1;
如果($ > 1){
= $ outstr ;
foreach(strsplit美元美元值){
如果($ < = 1){
outstr美元=价值;
{ { { }
outstr美元=价值;
}
美元+;
}
outstr美元;
($ i = 1;$ i <计数;$ + +){
outstr美元=我;
}
outstr美元;
返回的outstr;
{人}
返回$内容;
}
}
CSS样式的控件的分页样式。代码如下:
复制代码代码如下所示:
{ # page_break
}
# page_break.collapse {
显示:无;
}
# page_break.num {
填料:10px 0;
文本对齐:中心;
}
# page_break.num李{
显示:内联;
保证金:0 2px;
填料:3px 5px;
边境:1px solid # ff7300;
背景颜色:# FFF;
颜色:# ff7300;
文本对齐:中心;
光标:指针;
字体家庭:Arial;
字体大小:12px;
溢出:隐藏;
}
# page_break.num李,{
背景颜色:# ff7300;
颜色:# FFF;
字体粗细:粗体;
}
使用jQuery代码实现分页,代码如下所示:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(# page_break.num李:第一),AddClass(' ');
$(# page_break.num李)。Click(函数(){(){
隐藏所有页面
$(# page_break div { ID ^ = 'page_})藏();
显示当前页面内容。
如果($(this)。HasClass(' ')){
$(# page_break # page_ + $(this)。文本显示()());
{人}
$(# page_break.num李)RemoveClass(开);
$(这)AddClass(开);
$(# page_break # page_ + $(this)。文本()),FadeIn(正常);
}
});
});
根据以上的步骤,你可以实现fckeditor + jQuery + PHP来实现无刷新页面分页的使用。