-
1 富文本编辑器的使用
-
2 学习视频
UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。
1.下载编辑器
下载地址：http://ueditor.baidu.com/website/download.html
2.打开Visual Studio新建空Web应用程序UEditorDemo。
3.添加Web窗体并命名为Add.aspx。
4.在页面中放置一个TextArea控件，控件名为TextContents。
5.将下载好的UEditor编辑器解压，并拖入UEditorDemo项目中。
文件夹中的index.html页面有完整的编辑器演示。
6.在解决方案中右击引用->添加引用，点击浏览，选择Newtonsoft.Json.dll引用文件。
引用文件：
7.打开utf8-asp->asp文件夹下的config.json文件，搜索“imageManagerUrlPrefix”，将标记中的ueditor改为utf8-asp，此处名称需要和文件夹名称一致。
8.在Add.aspx页面中引用以下文件，注意顺序一定不要错！
9.在Web.config文件system.web节点中加入下图中标记的代码。
并在Add.aspx页面顶部加入下图中标记的属性。
10.页面完整代码如下：
此时运行页面效果如下，在编辑器中可以对文字、图片等进行编辑、美化：
11.双击确定按钮，转到代码视图在btnAdd_Click事件中添加如下代码，将编辑器中的内容加入到数据库中。
12.新建Edit.aspx页面，布局、页面属性同Add.aspx页面，代码视图页面Page_Load代码如下：
Add_Click代码如下：
13.Edit.aspx页面演示。
14.在解决方案浏览器中找到文件ueditor.config.js并打开。
搜索toolbars，该部分为显示工具栏上所有的功能按钮和下拉框，可以根据自己的需要重新进行定义。
页面效果左边为有”字号“功能，右边则没有：
15.在上传大图时，图片显示不全，编辑器会出现滚动条，在解决方案浏览器中找到文件ueditor.all.js并打开。
搜索”段落间距“，在该句注释上方输入如下代码，让上传的图片宽度自适应控件宽度。
更改后上传图片尺寸能够自适应编辑器，滚动条消失了。效果如下：
