记录.net使用ueditor富文本编辑器
程序员文章站
2022-05-06 21:57:42
UEditor是什么 最近在在项目的时候使用到了百度的富文本编辑器。官网有详细的操作流程文档。这里我只是记录项目中常用到的一些事件。以便日后可以方便查询。 UEditor是百度的一个javascript编辑器的开源项目。支持Php、Asp、Asp.Net 、Jsp多种后台配置。这里记录的是Asp的写 ......
ueditor是什么
最近在在项目的时候使用到了百度的富文本编辑器。官网有详细的操作流程文档。这里我只是记录项目中常用到的一些事件。以便日后可以方便查询。
ueditor是百度的一个javascript编辑器的开源项目。支持php、asp、asp.net 、jsp多种后台配置。这里记录的是asp的写法。具体的做法可查看官网有详细的文档。
官网传送:
ueditor的引用
首先，下载最新版本
其次，在需要用的界面引用ueditor.config.js和ueditor.all.js
1 <!doctype html>
2 <html lang="en-us">
3
4 <head>
5 <meta charset="utf-8">
6 <title>ueditor demo</title>
7 </head>
8
9 <body>
10 <!-- 加载编辑器的容器 -->
11 <script id="container" name="content" type="text/plain">
12 这里写你的初始化内容
13 </script>
14 <!-- 配置文件 -->
15 <script type="text/javascript" src="ueditor.config.js"></script>
16 <!-- 编辑器源码文件 -->
17 <script type="text/javascript" src="ueditor.all.js"></script>
18 <!-- 实例化编辑器 -->
19 <script type="text/javascript">
20 var ue = ue.geteditor('container');
21 </script>
22 </body>
23
24 </html>
然后，设置和读取编辑器的内容
1 ar ue = ue.getcontent();
2 //对编辑器的操作最好在编辑器ready之后再做
3 ue.ready(function() {
4 //设置编辑器的内容
5 ue.setcontent('hello');
6 //获取html内容，返回: <p>hello</p>
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时内容不为空。 }