欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-11-01 12:34:20
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时内容不为空。 }

 

 

上一篇： 传统通信企业云计算的另一种可能

下一篇： Win10系统自动检测设置功能总是会自动勾选问题的解决方法

推荐阅读