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

最新推荐文章于 2025-05-11 18:19:38 发布

原创最新推荐文章于 2025-05-11 18:19:38 发布 · 527 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#富文本使用 #tp5

php 专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了如何配置富文本编辑器的核心代码，包括复制编辑器代码到指定目录、修改上传文件路径，以及如何在静态页面中使用。此外，还提供了一个实用的函数，用于在富文本中增加图片的域名前缀，确保图片资源的正确加载。

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;
    }