.NET环境下UEditor的使用

.NET环境下UEditor的使用

• UEditor是什么？能做什么？
• UEditor怎么用？
• UEditor的相关配置

UEditor是什么？能做什么？

UEditor是百度某一团队出品的富文本编辑器，一个JS插件。当我们的网站需要增删改文章时就可以用到它。

UEditor怎么用？

1. 将UEditor包放到网站下
2. 在需要使用的页面引用以下JS文件

 	<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>

3. 添加以下HTML代码

<script id="editor" type="text/plain">
    <%--编辑器初始化后需要展示的内容可以放到这里--%>
</script>

4. 添加以下JS代码（需要引用JQuery）

$(function () {
    var ue = UE.getEditor('editor');
});

5. 至此，打开页面就可以看到编辑器已经正常初始化到指定位置。

UEditor的相关配置

编辑文章的时候，UEditor会自动将文章中的资源（图片以及附件等）上传至服务器，当然我们还需要做相关的配置，比如资源上传至服务器的位置等。

需要配置\UEditor\net下面的config文件
配置文件中的所有以“UrlPrefix”结尾的键的值，将其修改为我们期望资源保存的位置，确保UEditor可以正常访问到。

注：如果在开发中遇到其他后端配置的问题可以将源码下载下来，看看它是怎么调用的，然后去修改config文件中相关的值

结束。