代码改变世界

百度编辑器-Ueditor-上传图片的配置

  Evan.Pei  阅读(377)  评论(0编辑  收藏  举报

1.UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。

2.配置图片保存,由于编辑器 在保存时 要先将图片上传到后台,前台显示的只是一个<img src='路径'>,就需要后台代码的配合。

   编辑器区分多个语言版本,下载.net版本的。

3.目录结构,我这用的MVC框架。  需要注意:1.config.json与controller.ashx本来是在net文件夹中需要拖出来(这两必须在一起)。2.upload->image文件夹用来保存图片及文件需要手动创建。

 

4.config.json文件的配置,这个页面需要修改下面两项,相对路径,和保存的地方,  将这两个属性  加在一起看  就是  完整路径  相当于在页面加个img的src属性一样。

 

5.ueditor.config.js配置,这个地方很总要,路径不对会导致选择不了图片。

 

6.html

 

 

 7.效果

 

 8.net版本的下载参考我的博客园【文件】

 

 

 

 

   

编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
历史上的今天:
2015-03-18 Visual Studio2012中搭建WCF项目
点击右上角即可分享
微信分享提示