.net mvc 使用ueditor的开发(官网没有net版本?)

1.ueditor的下载导入

 官网下载地址:https://ueditor.baidu.com/website/download.html

· 介绍

有两种,一种开发版,一种Mini版,分别长这样:

 

我们下载开发版的,看上去功能多。

· 下载

为什么别人的官网里有.NET???

我的官网下载页面这样:

 

下载了完整版后,发现里面有net。

 

· 修改

 那就把asp版本的拼一下吧。

将下载的asp版本中的asp文件夹,替换为上图的net文件夹

然后,修改ueditor.config.js配置文件,

打开index.html文件,发现完整demo显示出来了

这样就可以使用了

2.在mvc程序中使用

在项目的根目录创建一个文件夹,我这里取名为ueditor

将之前整合好的文件夹中的内容,复制到这个文件夹下

在cshtml中,引用这个目录下的js,编写demo

参照index.html的例子,代码如下:

script部分:

<script src="~/ueditor/ueditor.config.js"></script>
<script src="~/ueditor/ueditor.all.min.js"></script>
<script src="~/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor');
</script>

 

 

这里的src根据自己的目录修改

html部分:

<div>
    <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
</div>

 

运行成功。

 

posted @   不火  阅读(2008)  评论(1编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示