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”即可。
下一篇:pdf编辑器怎么用?