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

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

 <!DOCTYPE HTML>

 <html lang="en-US">

 <head>

     <meta charset="UTF-8">

     <title>ueditor demo</title>

 </head>

 <body>

     <!-- 加载编辑器的容器 -->

     <script id="container" name="content" type="text/plain">

         这里写你的初始化内容

     </script>

     <!-- 配置文件 -->

     <script type="text/javascript" src="ueditor.config.js"></script>

     <!-- 编辑器源码文件 -->

     <script type="text/javascript" src="ueditor.all.js"></script>

     <!-- 实例化编辑器 -->

     <script type="text/javascript">

         var ue = UE.getEditor('container');

     </script>

 </body>

 </html>

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

 ar ue = UE.getContent();

 //对编辑器的操作最好在编辑器ready之后再做

 ue.ready(function() {

     //设置编辑器的内容

     ue.setContent('hello');

     //获取html内容，返回: <p>hello</p>

     var html = ue.getContent();

     //获取纯文本内容，返回: hello

     var txt = ue.getContentTxt();

 });

　　最后，判断富文本编辑是是否录入信息。

 var IsHas = ue.hasContents();

 if (IsHas == false) {  //为false时内容为空。}

 else if (IsHas == true) { //为false时内容不为空。 }

巴特西

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

最新文章

热门文章