多语言展示
当前在线:1435今日阅读:23今日分享:25

富文本编辑器UEditor的配置使用方法

UEditor是由百度前端研发团队研发的所见即所得富文本web编辑器,具有轻量、可定制、注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。UEditor使用起来比较方便,功能强大,可满足我们大部分的文本编辑需求,下面就给大家先简单介绍一下UEditor如何在网站中配置使用。
工具/原料

UEditor编辑器程序文件

方法/步骤
1

百度搜索【UEditor】,进入UEditor的官方首页,点击首页中的【下载】按钮,进入UEditor的下载页面。

2

在下载页面中我们依次选择【开发版】面板——【.Net版本】中的UTF-8,弹出下载窗体,下载UEditor的代码。

3

UEditor的代码下载解压后,里面的内容如图所示。

4

在这里我新建一个ASP.NET的WebForm程序来演示UEditor的配置方法:在WebForm程序中新建一个文件夹ueditor,将刚才下载的UEditor的代码添加到该文件夹下面。

5

新建一个ASPX页面【Default_UEditor】,在该页面中的标签中添加如图所示的javascript代码用来配置UEditor。其中,ueditor.config.js文件是编辑器的配置文件,ueditor.all.js文件开发版代码合并的结果,代码var ue = UE.getEditor('container')用来实例化UEditor编辑器。

6

最后在浏览器中浏览ASPX页面【Default_UEditor】,可得到UEditor编辑器的简单效果。

注意事项

因为ASPX页面【Default_UEditor】与ueditor文件夹处于同一目录下面,所以在ASPX页面【Default_UEditor】中引用ueditor中的文件使用相对路径:src=”ueditor/ueditor.all.js”即可。

推荐信息