C#使用百度Ueditor富文本框实现上传文件
更新时间：2022年07月05日 07:55:28 作者：CoolDog;
这篇文章主要为大家详细介绍了C#如何使用百度Ueditor富文本框实现上传文件（图片，视频等），文中的示例代码讲解详细，感兴趣的可以了解一下
使用背景
项目中需要用的富文本框去上传视频，图片的话大部分都是可以的。相对来说，国外的富文本框很成熟。但鉴于文档是英语，这里使用了百度的富文本框。
采用的api的方式，调用接口进行上传文件。话不多说，开撸！
准备
创建一个.net mvc的项目。下载百度富文本框.net 版本的js文件。
创建项目
创建好项目之后，首先引用一下富文本框的js。目录如下：
然后新增一个单页。这里使用的 home 控制器 下的index页面。代码如下 ：
@{
ViewBag.Title = "Home Page";
}
<link href="~/Scripts/Ueditor-net/themes/default/css/ueditor.css" rel="external nofollow" rel="stylesheet" />
<script src="~/Scripts/jquery-3.4.1.js"></script>
<!-- 配置文件 -->
<script src="~/Scripts/Ueditor-net/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script src="~/Scripts/Ueditor-net/ueditor.all.js"></script>
<div>
<p>开始编辑</p>
<textarea name="myEditor" id="myEditor" style="width:600px;height:500px"> </textarea>
</div>
<!-- 实例化编辑器 -->
<script type="text/javascript">
$(function () {
var editor = new baidu.editor.ui.Editor();
editor.render('myEditor');
});
</script>配置项目
最后我们改一下富文本框的一些配置，点击 根目录下 Scripts 文件夹下的 Ueditor-net 文件夹 下的 ueditor.config 和 Ueditor-net 文件夹下 net 文件夹下的 config.json 。
ueditor.config.js 中 toolbars 是显示菜单的配置，按需使用即可。这个文件中关键的配置是serverUrl。这里采用的是读取本地发布的ip进行拼接的地址。
config.json 中 显示的是各个功能的配置。代码如下：
使用
配置结束后，我们打开vs 进行测试。可以看到上传图片 和上传视频 是没有 域名的。怎么办呢？
很简单，我们只需要找到image.js文件夹 找到ueditor.all.js文件夹，按照图中所示操作一下即可。
以上就是C#使用百度Ueditor富文本框实现上传文件的详细内容，更多关于C#富文本框上传文件的资料请关注脚本之家其它相关文章
相关文章
这篇文章主要介绍了C#实现为类和函数代码自动添加版权注释信息的方法,主要涉及安装文件的修改及函数注释模板的修改,需要的朋友可以参考下2014-09-09
这篇文章主要介绍了详解 C# 中XML对象的序列化和反序列化，帮助大家更好的理解和学习使用c#，感兴趣的朋友可以了解下2021-02-02
这篇文章主要介绍了C#窗口转向方式(由一个窗口,跳转到另一个窗口)问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要介绍了C#将文件复制到指定文件夹并按照时间顺序来整理归档的方法，另外附上其他网友的2种实现方式，有需要的小伙伴可以参考下。2015-06-06
这篇文章主要为大家详细介绍了C#中如何使用gRPC通讯,包括GRPC文件的创建生成、服务端和客户端函数类库的封装等,需要的可以了解下2024-04-04
这篇文章主要介绍了c# 异步编程的相关资料，帮助大家更好的理解和学习使用c#，感兴趣的朋友可以了解下2021-04-04
本篇文章给大家分享了在C#中event内存泄漏的相关知识点以及代码分享，有兴趣的朋友参考学习下。2018-03-03
这篇文章主要介绍了C# 如何实现枚举转列表，帮助大家更好的理解和使用c#，感兴趣的朋友可以了解下2020-12-12
本篇文章主要是对C#中StringBuilder类的使用方法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了C# 实现截图软件功能实例代码,需要的朋友可以参考下2017-06-06
最新评论