找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1908|回复: 0
打印 上一主题 下一主题

thinkphp3.2嵌入百度编辑器ueditor的实例代码

[复制链接]

2536

主题

2536

帖子

7532

积分

论坛元老

Rank: 8Rank: 8

积分
7532
跳转到指定楼层
楼主
发表于 2018-2-14 05:24:41 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            本文介绍了thinkphp3.2嵌入百度编辑器ueditor,分享给大家,希望此文章对各位有所帮助
因为排版要求,很多时候我们需要嵌入富文本编辑器,输出带html标签的文本内容。因为我最近做一个后台管理系统,要求编辑好文本内容,让它输出带html标签的文本存到服务器,客户端发请求拿到服务器的带标签文本。我用的是ueditor,
1.首先我们去到这里http://www.jb51.net/codes/56667.html下载PHP版本utf版本。
把它放到Public的目录下。

2.我们在视图view上,要用到富文本编辑器的时候,一般都是在表单加入textarea,
  

3.在html最后加上script配置文本框初始值,其中PUBLIC是我在config配置的路径
4.通常我们在表单里面加个按钮的时候会默认把表单里面的数据全部提交上去,但是我的项目里面还涉及到图片上传问题,我在这里采用的是ajax异步提交,那么问题来了,我们能否通过jq中的("#intro_detail").val()的值拿到要提交的值呢,答案是不能的,我的处理方法是,在textarea下面加一个隐藏的input,我门用ueditor提供的方法拿到里面的值赋给input,让它随着表单一起提交过去,在控制器便可以通过_POST(‘表单的name'),如下:
   

ajax提交,
[U]复制代码[/U] 代码如下("#intro_detail1").val("'"+UE.getEditor('intro_detail').getContent()+"'");
把文本框输入的带标签的用单引号拼起来,存到input里面一并发过去,至于为啥用单引号,不然的话发不过去,会自动过滤掉标签,我们在拿数据出来的时候把单引号处理掉就可以。
$.ajax({
          type: "OST",
          url: "",
          dataType: 'json',
          processData: false,
          contentType: false,
          cache: false,
          data: formData,
          success:function(r){
            if(r.success){
              alert('编辑成功');
              window.location.reload();//重新刷新一次
              $('#user_dialog').modal('hide');
            }
            else{
              alert("参数错误");
            }
          }
        });
5.控制器里面,可以用$_POST(‘表单的name')拿到数据,写进数据库
$db = M('game');
    $data  = $db->create(I('post.'));
    $data['intro_detail'] = $_POST['intro_detail1'];
    $db->add($data);
6.我们在取数据到视图的时候,把单引号处理掉就可以
foreach($result as $key =>$value){   
      $result[$key]['intro_detail']=str_replace("'","",$result[$key]['intro_detail']);//过滤单引号
    }
    $this->assign('game_list', $result);
    $this->display('');
$result是我用sql语句查到的数据库内容,而intro_detail就是存入数据库带标签和单引号的文本内容
$user = M('game');
    $result = $user->field();
7.其实并不难,我也是为大家提供下思路,可以多多讨论,我也是小白。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
            
            
您可能感兴趣的文章:
  • ThinkPHP整合百度Ueditor图文教程
  • ThinkPHP中使用Ueditor富文本编辑器
  • thinkPHP下ueditor的使用方法详解
  • ThinkPHP使用Ueditor的方法详解
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端