手机版

FCKEditor jQuery PHP实现分页代码

时间:2021-11-24 来源:互联网 编辑:宝哥软件园 浏览:

一、插入新闻FCKEditor是一款很流行的即插即用网编辑器,它支持ASP、PHP、Java等语言。这里要介绍的是利用编辑器的"插入分页符"功能,实现页面的无刷新分页

编辑新闻时,在需要插入分页的段落处插入分页符,保存即可。二、读取新闻在读取新闻字段时,通过服务器端编程语言(专业超文本预处理器的缩写)分页函数对新闻字段数据进行处理,代码如下:复制代码代码如下:函数分页符($ content){ $ content=$ content;$ pattern='/div style=\ '分页符-:之后始终span style=\ ' display : none \ ' \/span \/div/';$strSplit=preg_split($pattern,$content,-1,PREG _ SPLIT _ NO _ EMPTY);$ count=count($ strSplit);$ OutTr=$ I=1;if($ count 1){ $ OutR=' div id=' page _ break ';foreach($ strSplit as $ value){ if($ I=1){ $ OutR .=' div id=' page _ $ I ' $ value/div ';} else { $ outStr .=' div id=' page _ $ I ' class=' collapse ' $ value/div ';} $ I;} $ outStr .=' div class=' numfor($ I=1;$ I=$ count $ I){ $ OutR .='李$ I/李';} $ outStr .='/div/div ';返回$ outStr } else { return $ content } } CSS样式控制分页的样式,代码如下:复制代码代码如下: #分页符{ } #分页符.折叠{显示:无;} #分页符.num { padd : 10px 0;文本对齐:中心;} #分页符.num Li { display : inline margin : 0 2pxpadding : 3px 5pxborder : 1px实心# FF7300背景-color : # fff;color: # FF7300文本对齐:中心;光标:指针;font-family : Arialfont-size : 12px飞越:隐藏;} #分页符.小水李。在{底色: # FF7300color : # fff-weight :粗体;} 使用jQuery代码实现分页,代码如下:复制代码代码如下:美元(文件)。ready(function(){ $(' # page _ break .num li:first ').添加CLaSS(' on ');$('#page_break .数李' .单击(函数(){ //隐藏所有页内容$('#page_break div[id^='page_']').hide();//显示当前页内容if ($(this).有类(' on '){ $(' # page _ break # page _ ' $(this).text()).show();} else { $('#page_break .数李' .移除CLaSS(' on ');$(这个)。添加CLaSS(' on ');$('#page_break #page_' $(这)。text()).fadeIn('正常');} });});根据以上步骤,即可实现使用FCKEditor jQuery PHP实现无刷新页面分页

版权声明:FCKEditor jQuery PHP实现分页代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。