您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > 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:百度富文本   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除,谢谢。
▌相关推荐
今天做了一个小功能,而且这个功能是已经熟悉得不能在熟悉的功能了,很多时候开发者都是直接用模板来套,但是今天前后分离的文章添加功能得重新改改。以前也有写过,可是已经找不到...【详细内容】
2019-11-01  Tags: 百度富文本  点击:(27)  评论:(0)  加入收藏
▌简易百科推荐
一、开启IIS全部功能。二、部署PHP1.官网下载并解压PHP: https://windows.php.net/downloads/releases/2.将php.ini-development文件改为php.ini3.修改php.ini(1)去掉注释,并修...【详细内容】
2021-07-15  炘蓝火诗  今日头条  Tags:PHP环境   点击:(3)  评论:(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   点击:(23)  评论:(0)  加入收藏
环境Ubuntu-18.0.4php7.4.20序言php的安装应该是php程序开发者必备的技能,建议读者一步步跟着教程做,对每条命令自行测试; 到PHP官网下载tar.gz格式的源码包,我下载的版本是7.4....【详细内容】
2021-06-17  散淡杂记    Tags:php   点击:(47)  评论:(0)  加入收藏
对于一门古老的语言来说,支撑未来技术的东西不是与时俱进吗? 差不多一年前,我发布了一篇题为“PHP可能在未来十年消失”的文章。我发布的这篇文章的总结就像一首《圣诞颂歌》,但...【详细内容】
2021-04-12  InfoQ  今日头条  Tags:PHP   点击:(103)  评论:(0)  加入收藏
Php7.1wget http://mirrors.sohu.com/php/php-7.1.3.tar.gztar zxvf php-7.1.3.tar.gz./configure \ --prefix=/usr/local/php \ --with-apxs2=/usr/local/apache2/bin/apxs...【详细内容】
2021-03-25      Tags:安装php   点击:(125)  评论:(0)  加入收藏
目录 介绍 变量 使用见字知意的变量名 同一个实体要用相同的变量名 使用便于搜索的名称 (part 1) 使用便于搜索的名称 (part 2) 使用自解释型变量 避免深层嵌套,尽早返回 (pa...【详细内容】
2021-03-25      Tags:PHP 代码   点击:(145)  评论:(0)  加入收藏
步骤1、安装php的运行环境2、cmd 查看php -v成功 失败的操作 3从 https://getcomposer.org/download/ 中 composer.cmd的内容@powershell php "%~dp0composer.ph...【详细内容】
2021-03-11      Tags:composer   点击:(108)  评论:(0)  加入收藏
今天这篇文章的内容其实也是非常基础的内容,不过在现代化的开发中,大家都使用框架,已经很少人会去自己封装或者经常写底层的数据库操作代码了。所以这回我们就来复习一下数据库...【详细内容】
2021-03-04  硬核项目经理  今日头条  Tags:PHP   点击:(106)  评论:(0)  加入收藏
1、明确需求实战工作中经常会请求各种各样的接口,例如•微信网页授权接口 • 高德周边检索接口 •发现:下图是根据接口文档开发后的代码,发现代码可读性差(ps. 参数...【详细内容】
2020-12-30      Tags:PHP   点击:(78)  评论:(0)  加入收藏
介绍一个简洁、高性能、跨平台的 PHP7 代码加密扩展特点简单快速,经实测,几乎不影响性能兼容 OPcache、Xdebug 等其他扩展支持 Linux、macOS、Windows 等系统兼容 Apache、Ngi...【详细内容】
2020-12-15      Tags:PHP代码   点击:(32)  评论:(0)  加入收藏
相关文章
    无相关信息
最新更新
栏目热门
栏目头条