PHP项目UEditor集成秀米

作者:陆金龙    发表时间:2023-05-28 05:12   

关键词:  

1.网站运行在https环境

2.下载文件 xiumi-ue-dialog-v5.js和 xiumi-ue-v5.css

在代码里面引用。如图:

3.下载文件 xiumi-ue-dialog-v5.html和 internal.js

将其放置于你的UEditor网页的目录内,见下图。 

修改UEditor的配置(ueditor.config.js),将其中的“xxs过滤白名单”加上

section:['class', 'style'],

修改的内容请参考下图: 
修改前:                                                                            修改后:

    
否则UEditor会修改秀米插入内容中的section格式信息,造成排版错误。 

4.需要将秀米的图片通过UEditor 的图片上传功能把图片转存到你自己的服务器上,否则会造成图片无法显示。

首先,你要确保在UEditor的前端设置(ueditor.config.js)中打开了“远程图片抓取到本地保存”, 如下图: 

其次,你需要正确配置或实现UEditor的图片上传功能。具体实现与你使用的后端语言有关,请参考UEditor的官方文档

上述配置完成后,UEditor会自动将秀米的图片转存到你的图片存储服务器中,这时你再次查看图片属性对话框中的地址时,可能如下图:

5. 检查上传目录是否可读写

php 版本的默认上传目录是域名根目录下的 ueditor/php/upload 文件夹,你需要检查这个文件夹是否可被 php 代码读写。

部分服务器会限制不允许读写超出当前 php 文件所在目录的文件,这种情况需要修改上传路径 imagePathFormat 等,修改位置在 php/config.json 目录下。

支持版本:支持 UEditor 1.4.2+ 的版本

1.4.2+ 以后路径配置主要相关的配置项是 PathFormat 和 UrlPrefix 的配置项。

这两个配置项主要针对如下功能:图片上传:imagePathFormat、imageUrlPrefix

参考:https://blog.csdn.net/u011897301/article/details/72911829