tp5简单使用百度富文本编辑器--个人笔记

最新推荐文章于 2024-08-05 17:43:42 发布

itxiaolong3

最新推荐文章于 2024-08-05 17:43:42 发布

阅读量471

点赞数 1

分类专栏： php 文章标签：富文本使用 tp5

本文链接：https://blog.csdn.net/itxiaolong3/article/details/102059487

版权

php 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

1，复制编辑器核心代码到public/static下核心代码下载

2，修改编辑器核心代码中到config.json文件，修改指定上传文件目录，如下图 1-0

图1-0

3，静态页面中到使用，如图

<script id="editor" type="text/plain" style="width:800px;height:500px;"></script>

4，js中声明并获取对应值

最终效果图

2,富文本图片增加域名

 /*
 *  富文本图片增加域名
 *  $content    文本内容
 *  $suffix     域名
 * */
    function get_img_thumb_url($content = "", $suffix = "")
    {
        $pregRule = "/<[img|IMG].*?src=[\'|\"](.*?(?:[\.jpg|\.jpeg|\.png|\.gif|\.bmp]))[\'|\"].*?[\/]?>/";
        $content = preg_replace($pregRule, '<img src="' . $suffix . '${1}" style="max-width:100%">', $content);
        return $content;
    }