如何修改ueditor图片上传路径和前端宽度、长度

 时间:2026-04-22 16:04:28

1、Ueditor的配置保存在两个配置文件,为前端配置和后端配置,前端配置包含界面显示长度、宽度等,后端配置包含图片、视频上传路径等。

如何修改ueditor图片上传路径和前端宽度、长度

2、前端配置文件名是ueditor.config.js,在Ueditor目录下。

后端配置文件名是config.json,在Ueditor目录下的php中。

如何修改ueditor图片上传路径和前端宽度、长度

如何修改ueditor图片上传路径和前端宽度、长度

3、打开前端配置文件ueditor.config.js,找到initialFrameWidth(宽度)和initialFrameHeight(高度),去掉前面的 // ,然后修改后面的值,记住前面的逗号要保留着,不要删除。

如何修改ueditor图片上传路径和前端宽度、长度

4、在前端文件中可以配很多,比如语言、主题、自动保存的时间、字号等,可以在官方的帮助手册中找到。

在文档左侧的----前端配置项说明。

如何修改ueditor图片上传路径和前端宽度、长度

如何修改ueditor图片上传路径和前端宽度、长度

5、打开后的配置文集config.json,找到imagePathFormat,把它修改成你需要的路径,这是我设定的值

/Public/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}

后面的{yyyy}{mm}{dd}/{time}{rand:6}为文件名格式

这里需要注意的是imageUrlPrefix,表示图片上传的前缀,表示当网站服务器与你的图片服务器不在一起时,这是要使用。

如何修改ueditor图片上传路径和前端宽度、长度

6、在后端文件中可以配很多,比如图片上传路径、涂鸦上传路径、视频上传路径等,可以在官方的帮助手册中找到。

在文档左侧的----后端配置项说明。

如何修改ueditor图片上传路径和前端宽度、长度

7、修改完成之后,可以去试试Ueditor,你可以看到它的宽度和上传的路径都改变了

如何修改ueditor图片上传路径和前端宽度、长度

如何修改ueditor图片上传路径和前端宽度、长度

  • DBeaver如何连接Greenplum数据库,详细教程
  • 如何在FineReport报表设计器对列表字段进行排序
  • oracle如何同排序获取某条记录后面的数据
  • QListView获取多行选中的数据
  • 表单设计器FineReport中如何添加链接
  • 热门搜索
    win7sp1什么意思 什么叫非普通住房 姐姐结婚祝福语 自恋是什么意思 坚持不懈是什么意思 脸圆适合什么发型 滑雪服什么牌子好 斑竹是什么意思 japanese是什么意思 .stp用什么软件打开