您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > php

PHP是怎么结合百度富文本的?

时间:2019-11-01 11:32:59  来源:  作者:

今天做了一个小功能,而且这个功能是已经熟悉得不能在熟悉的功能了,很多时候开发者都是直接用模板来套,但是今天前后分离的文章添加功能得重新改改。以前也有写过,可是已经找不到封装好的代码在哪里了,所以今天就把使用流程列出来。

关于文章添加的功能,PHP是怎么结合百度富文本的?

百度富文本

添加文章功能,关于标题,日期等这些就不多说了,重点是在文章的内容以及图片处理。这里以百度富文本ueditor插件为例,后端语言:php。新手在使用前应该带着几个疑问,比如:文章到数据库以什么数据类型字段存储?图片怎么对应到文章的段落?带着问题到文档中寻找答案,这是进步最快的方式。

关于文章添加的功能,PHP是怎么结合百度富文本的?

百度富文本

首先得从百度官方去下载ueditor插件库,PHP最新版的,下载完之后解压,会看到有php的配置文件夹,文件夹名称就是php。在这个文件夹中,有配置文件config.json、上传类文件等等,这些都是可以自定义配置的,个人认为,能用百度官方提供的API解决的事情就不要去修改源码。

关于文章添加的功能,PHP是怎么结合百度富文本的?

解压后的文件目录

打开config.json文件,里面有富文本上传功能的配置项,有上传图片配置,涂鸦配置,截图工具上传配置,远程图片抓取配置,视频上传配置,文件上传配置等都是在这个文件中配置的。默认情况下官方上传图片的路径是:/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}。这个路径是相对根目录而言的,也就是说,如果你的根目录是http://www.xxx.com /website/,那么你的图片地址就是:http://www.xxx.com/website/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}。一般来说都会自定义设置好这个目录,可以根据自己的需求而定。

关于文章添加的功能,PHP是怎么结合百度富文本的?

图片上传配置

这时候就有一个问题,当图文并茂的时候图片的位置是没有规律的,而前端工作人员传过来的html实体中的图片地址就是config.json中配置的地址,那这时候PHP接收到这一大段的字符串就要处理了,把嵌入在HTML实体中的图片加上根目录,这样的话文章在渲染的时候图片才能显示出来。关于PHP处理文章图片的思路,详细分析一下主要有几个方面。第一步就是要从这一大段字符串中找到图片地址,然后把图片地址存放在一个临时数组里,遍历这个数组并且替换上带有根目录的地址,最后把整个字符串替换,DEMO代码如下。

关于文章添加的功能,PHP是怎么结合百度富文本的?

DEMO

此时,可以直接入库了。开发中小伙伴遇到又一个问题就是,当编辑这篇文章的时候,发现有些图片用不了了。仔细想想发现,原来是每次提交的时候都给图片地址加上了根目录,而且编辑的时候是已经带有根目录的,所以也加上了,自然就访问不到图片了,此时只需要进行判断,用php的一个函数strpos定位一下接收的字符串中的图片地址是否带有根目录,有的话就不处理,没有的话就执行。



Tags:百度富文本   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
今天做了一个小功能,而且这个功能是已经熟悉得不能在熟悉的功能了,很多时候开发者都是直接用模板来套,但是今天前后分离的文章添加功能得重新改改。以前也有写过,可是已经找不到...【详细内容】
2019-11-01  Tags: 百度富文本  点击:(47)  评论:(0)  加入收藏
▌简易百科推荐
序言:前段时间织梦因为版权的问题在网上闹得沸沸扬扬,也提醒了众多开发者选择cms上应该谨慎使用,今天给大家展示一款自己搭建的内容管理系统,不用担心版权的问题,而且非常容易维...【详细内容】
2021-11-30  小程序软件开发    Tags:管理系统   点击:(34)  评论:(0)  加入收藏
准备安装包(PHP: Hypertext Preprocessor)下载安装包以及组件wget https://www.php.net/distributions/php-8.0.0.tar.bz2wget https://github.com/phpredis/phpredis/archive...【详细内容】
2021-11-09  mimic96    Tags:PHP   点击:(40)  评论:(0)  加入收藏
golang context 很好用,就使用php实现了github地址 : https://github.com/qq1060656096/php-go-context context使用闭坑指南1. 将一个Context参数作为第一个参数传递给传入和...【详细内容】
2021-11-05  1060656096    Tags:PHP   点击:(41)  评论:(0)  加入收藏
一段数组为例:$list = array:4 [ 0 => array:7 [ "id" => 56 "mer_id" => 7 "order_id" => "wx163265961408769974" "is_postage" => 0 "store_name" => "奇...【详细内容】
2021-09-29  七七小影视    Tags:PHP   点击:(65)  评论:(0)  加入收藏
利用JS的CryptoJS 3.x和PHP的openssl_encrypt,openssl_decrypt实现AES对称加密解密,由于需要两种语言对同一字符串的操作,而CryptoJS 的默认加密方式为“aes-256-cbc”,PHP端也...【详细内容】
2021-09-16  李老师tome    Tags:对称加密   点击:(79)  评论:(0)  加入收藏
1、checkdate()验证格利高里日期即:日期是否存在。checkdate(month,day,year);month必需。一个从 1 到 12 的数字,规定月。day必需。一个从 1 到 31 的数字,规定日。year必需。...【详细内容】
2021-08-31  七七小影视    Tags:时间函数   点击:(80)  评论:(0)  加入收藏
对于各类开发语言来说,整数都有一个最大的位数,如果超过位数就无法显示或者操作了。其实,这也是一种精度越界之后产生的精度丢失问题。在我们的 PHP 代码中,最大的整数非常大,我...【详细内容】
2021-08-26  硬核项目经理    Tags:PHP   点击:(83)  评论:(0)  加入收藏
遵从所有教材以及各类数据结构相关的书书籍,我们先从线性表开始入门。今天这篇文章更偏概念,是关于有线性表的一个知识点的汇总。上文说过,物理结构是用于确定数据以何种方式存...【详细内容】
2021-07-19  硬核项目经理    Tags:线性表   点击:(94)  评论:(0)  加入收藏
一、开启IIS全部功能。二、部署PHP1.官网下载并解压PHP: https://windows.php.net/downloads/releases/2.将php.ini-development文件改为php.ini3.修改php.ini(1)去掉注释,并修...【详细内容】
2021-07-15  炘蓝火诗  今日头条  Tags:PHP环境   点击:(129)  评论:(0)  加入收藏
一、环境说明本文中使用本地VM虚机部署测试。OS:CentOS Linux release 7.8.2003 (Core)虚机配置:2核CPU、4G内存①系统为CentOS 7.8 x64最小化安装,部署前已完成系统初始化、...【详细内容】
2021-06-25  IT运维笔记  今日头条  Tags:PHP8.0.7   点击:(141)  评论:(0)  加入收藏
相关文章
    无相关信息
最新更新
栏目热门
栏目头条