DISCUZ发帖整合百度Ueditor编辑器

  • 打赏课程
  • 开通VIP
非VIP用户只可以免费试看5分钟,如需学习完整课程,请加入VIP!

DISCUZ发帖整合百度Ueditor编辑器

DISCUZ的发帖编辑器相信很多人都觉得太薄弱了,功能太差,编辑效果也非常不好。
百度的UEDITOR则完全不一样,强大的可视化编辑界面,可以大大增强用户的体验,因此,问题来了!
如何讲百度的ueditor整合到DISCUZ的发帖页面呢?
本课程就详细的讲解了整个整合制作的全过程!
整合需要解决的两个核心难点问题:
1. DISCUZ的编辑器用的是论坛代码,而百度的ueditor用的是HTML代码,因此将代码兼容是难点一;
2. 如何让上传的图片可以生成封面,从而不影响DISCUZ原本的DIY功能。
实现的效果如下:
未标题-1.jpg
课程中涉及到的代码如下:
  1. function getImgs($content,$order='ALL'){
  2.     $pattern="/<img.*?src=[\'|\"](.*?(?:[\.gif|\.jpg]))[\'|\"].*?[\/]?>/";
  3.     preg_match_all($pattern,$content,$match);
  4.     if(isset($match[1])&&!empty($match[1])){
  5.         if($order==='ALL'){
  6.             return $match[1];
  7.         }
  8.         if(is_numeric($order)&&isset($match[1][$order])){
  9.             return $match[1][$order];
  10.         }
  11.     }
  12.     return '';
  13. }
  14. $tupianmessage = $_POST['message'];
  15. $tupianhuo = getImgs($tupianmessage,0);
  16. $tupianshai = str_replace('/data/attachment/forum/','',$tupianhuo);
  17. if($tupianshai != ''){
  18. $attachment = $tupianshai;
  19. $istupian = DB::result(DB::query("SELECT tid FROM ".DB::table('forum_threadimage')." WHERE tid = '$tid'"));;
  20. if($istupian){
  21.     $query = DB::query("UPDATE ".DB::table('forum_threadimage')." SET attachment ='$attachment' WHERE tid='$tid'");
  22. }else{
  23.     $setarr = array(
  24.         'tid' => $tid,
  25.         'attachment' => $tupianshai,
  26.     );
  27.     DB::insert('forum_threadimage', $setarr, 1);
  28. }
  29. $query = DB::query("UPDATE ".DB::table('forum_thread')." SET attachment ='1' WHERE tid='$tid'");
  30. }
复制代码

主讲:班班学院院长
欢迎学习我的课程!
朱飞天,班班学院院长、主讲老师,精通DISCUZ、Photoshop以及app开发等。南昌大学英语专业出身,自学网站编程和开发,有过很多大型项目的开发经验,深谙将知识转化为教程的最佳途径,能系统的教会更多零基础学员。跟着院长学技术,什么都不会也不怕,只要认真学,一定能学会!

8133 位共同战斗的同学