记录.net使用ueditor富文本编辑器
2018-09-18 06:55:07来源：博客园 阅读 ()
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 <!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时内容不为空。 }
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- asp.net源程序编译为dll文件并调用的实现过程 2020-03-29
- Asp.net MVC SignalR来做实时Web聊天实例代码 2020-03-29
- ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据 2020-03-29
- Asp.Net中WebForm的生命周期 2020-03-29
- ASP.NET使用Ajax返回Json对象的方法 2020-03-23
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
