ToB企服应用市场:ToB评测及商务社交产业平台

标题: c# .net mvc 使用百度Ueditor富文本框上传文件（图片，视频等） [打印本页]

作者: 反转基因福娃 时间: 2022-8-22 15:11
标题: c# .net mvc 使用百度Ueditor富文本框上传文件（图片，视频等）
使用背景：

项目中需要用的富文本框去上传视频，图片的话大部分都是可以的。相对来说，国外的富文本框很成熟。但鉴于文档是英语，这里使用了百度的富文本框。
采用的api的方式，调用接口进行上传文件。话不多说，开撸！

准备：

创建一个.net mvc的项目。下载百度富文本框.net 版本的js文件。

创建项目

创建好项目之后，首先引用一下富文本框的js。目录如下：

然后新增一个单页。这里使用的 home 控制器下的index页面。代码如下：

@{
ViewBag.Title = "Home Page";
}
<link href="~/Scripts/Ueditor-net/themes/default/css/ueditor.css" rel="stylesheet" />
<p>开始编辑</p>
<textarea name="myEditor" id="myEditor" style="width:600px;height:500px"> </textarea>

复制代码

配置项目

最后我们改一下富文本框的一些配置，点击根目录下 Scripts 文件夹下的 Ueditor-net 文件夹下的 ueditor.config 和 Ueditor-net 文件夹下 net 文件夹下的 config.json 。

ueditor.config.js 中 toolbars 是显示菜单的配置，按需使用即可。这个文件中关键的配置是serverUrl。这里采用的是读取本地发布的ip进行拼接的地址。

config.json 中显示的是各个功能的配置。代码如下：

使用：

配置结束后，我们打开vs 进行测试。可以看到上传图片和上传视频是没有域名的。怎么办呢？

很简单，我们只需要找到image.js文件夹找到ueditor.all.js文件夹，按照图中所示操作一下即可。

结语：

感谢观看，有问题的话。可以在评论区留言~点个赞赞再走~

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)