热线(9:00-18:00):13544706711
当前位置: 首页 > 教程技巧 > 

记录.net使用ueditor富文本编辑器

时间: 2018/09/29 09:02:08

UEditor是什么


  最近在在项目的时候使用到了百度的富文本编辑器。官网有详细的操作流程文档。这里我只是记录项目中常用到的一些事件。以便日后可以方便查询。


  UEditor是百度的一个javascript编辑器的开源项目。支持Php、Asp、Asp.Net 、Jsp多种后台配置。这里记录的是Asp的写法。具体的做法可查看官网有详细的文档。


  官网传送:https://ueditor.baidu.com/website/


UEditor的引用


首先,下载最新版本https://ueditor.baidu.com/website/download.html#ueditor


其次,在需要用的界面引用ueditor.config.js和ueditor.all.js



 1 
2 "en-US">
3
4
5 "UTF-8">
6 ueditor demo
7
8
9
10
11
14
15
16
17
18
19
22
23
24


然后,设置和读取编辑器的内容



 1 ar ue = UE.getContent();
2 //对编辑器的操作最好在编辑器ready之后再做
3 ue.ready(function() {
4 //设置编辑器的内容
5 ue.setContent(''hello'');
6 //获取html内容,返回:

hello


7 var html = ue.getContent();
8 //获取纯文本内容,返回: hello
9 var txt = ue.getContentTxt();
10 });


  最后,盘点富文本编辑是是否录入信息。



1 var IsHas = ue.hasContents();
2 if (IsHas == false) { //为false时内容为空。}
3 else if (IsHas == true) { //为false时内容不为空。 }