今天记录一下富文本一个简单的安装配置流程和添加删除图片

最新推荐文章于 2023-06-07 20:07:28 发布

蔺儿响叮当

最新推荐文章于 2023-06-07 20:07:28 发布

阅读量280

点赞数 1

分类专栏： php

本文链接：https://blog.csdn.net/linxinyugg/article/details/105706004

版权

php 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

我这边tp5.0.24是可以使用的只推荐给一下刚入门没有写过富文本的可以先看一下很简单的一个富文本包括上传富文本的上传图片和删除图片
首先我这边是先下载配置我这边是下载的php版本
在这里插入图片描述
这边安装好以后解压然后就是这些文件

然后我们是进入php 下面的config.json

进去以后我们在第11 行和12行写一下我们的域名路径和保存路径

这样我们的配置应该就是可以上传文件的

我用的是这个 ueditor 用起来也是很简单点击就可以下载
html页面
<div><script id="editor" type="text/plain"></script></div>
这个就是富文本的 html 下面是js
首先是引入这个下载好的js文件

<script type="text/javascript" charset="gbk" src="/utf8-php/ueditor.config.js"></script>
<script type="text/javascript" charset="gbk" src="/utf8-php/ueditor.all.js"> </script >
<script type="text/javascript">
//实例化编辑器
var ue = UE.getEditor( 'editor', {

    autoHeightEnabled: true,

    autoFloatEnabled: true,

    initialFrameWidth: 690,

    initialFrameHeight:483

});

这就是js的代码

控制器我这边是直接添加进去的有两种方式可以去除html标签 strip_tags()函数剥去字符串中的 HTML、XML 以及 PHP 的标签也可以直接添加进数据库直接执行添加就好
在删除数据的时候我们可以先查询数据然后

 这个$content就是我们富文本添加都数据库中的数据
 if(!empty($content))
        {
            // 正则表达式匹配查找图片路径
            $pattern='/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.jpeg|\.png]))[\'|\"].*?[\/]?>/i';
            preg_match_all($pattern,$content,$res);
            $num=count($res[1]);
            for($i=0;$i<$num;$i++)
            {
                $ueditor_img=$res[1][$i];
                // 新建日期文件夹
                $tmp_arr=explode('/',$ueditor_img);
                $datefloder='/uploads/news/'.$tmp_arr[5];
                $path = $datefloder.'/'.$tmp_arr[6];
                if(!is_dir($datefloder))
                {
                    mkdir($datefloder,0777);
                }
                if (file_exists($_SERVER['DOCUMENT_ROOT'].$path)){
                    @unlink($_SERVER['DOCUMENT_ROOT'].$path);
                }
            }
        }

文章属于个人遇到的各种问题记录方便以后使用