简单介绍:

作为一种放在客户端文本编辑器,此时不能支持将JS、Html代码直接发送给服务器,这样将会给服务器带来极大的危险,比如UMEditor(富文本编辑器),它的使用需要关闭服务器端的代码检查的,否则将不可用,因为富文本编辑器是直接将JS代码向服务器发送的。而UbbEditor不是将HTML代码直接发松给服务器,而是将其进行编码后发发松,全部使用“[]”代替,增强了安全性。对于大多数的评论功能都是使用的是UbbEditor

具体的用法:

1.首先将JQuery的js脚本引入,然后引入UbbEditor的JS脚本引入

2.在需要的地方加入如下代码即可,可以直接从提供给的Demo中粘贴复制

<input type="hidden" id="bid" name="bid" value="$Bid">
                                <textarea id="content" name="content" style="WIDTH: 100%; HEIGHT: 300px"></textarea>
                                <script type="text/javascript">
                                    var nEditor = new ubbEditor('content');
                                    nEditor.tLang = 'zh-cn';
                                    nEditor.tToolbar = 'mini';
                                    nEditor.tInit('nEditor', '/content/ubbeditor/');
                                </script>

3.获取到编辑器中的内容与服务器进行交互

$('#btnSubmit').click(function () {
               $.post(
                   '/CommentAdd.ashx',
                  {
                      bid: $('#bid').val(),
                      content: $("input[name='content']").val()
                  },
                   function (data) {
                       if (data == "OK")
                       {
                           //说明已经成功添加到了数据库中,可以重新加载了
                           LoadComment();
                           $("input[name='content']").val("");
                       }
                   }
                   );
           });

4.当需要将评论的内容进行展示的时候,需要将Ubb进行反编译,具体的代码可以在网上查找,就是将"[]",使用正则进行匹配,转换为html展示出来。

UbbToHtml.cs

Ubbeditor的使用的更多相关文章

  1. common.js js中常用方法

    //创建CSS样式段 //classid: CSS样式段ID//font: 字体//size: 字体大小//color: 字体颜色//style: 字体风格function FCMakeCSSClas ...

  2. 在线编辑器 (UBB, FCK)

    这里主要说明一下:UBB UBB 使用类型HTML的语法.  UBB相对FCK的HTML方式, 安全性高. 用户不可以直接嵌入HTML代码.   UBB 在线编辑器(JS版): http://www. ...

  3. CKEditor 集成CKFinder集成

    lCKEditor原名FckEditor,著名的HTML编辑器,可以在线编辑HTML内容,演示一下.打开.自己人用CKEditor,网友用UBBEditor. l配置参考文档,主要将ckeditor中 ...

随机推荐

  1. 回调方法介绍之中国好室友篇(Java示例)

    前言 在Java社区的各种开源工具中,回调方法的使用俯拾即是.所以熟悉回调方法无疑能加速自己对开源轮子的掌握.网上搜了一些文章,奈何对回调方法的介绍大多只停留在什么是回调方法的程度上.本篇文章尝试从回 ...

  2. linux -- ubuntu 14.10开机出现错误“Error found when loading /root/.profile”解决

    修改完root权限自动登录后,发现开机出现以下提示: Error found when loading /root/.profile stdin:is not a tty ………… 解决方法:在终端中 ...

  3. AsyncTask执行顺序

    这几天,遇见个奇葩问题,记录一下. 在用AsyncTask的时候,new 出来的AsyncTask总是等了很久才执行到. 于是乎,想到了是不是前面已经有好几个AsyncTask的实例了,是不是线程优先 ...

  4. QT把widget转换成图片后打印

    from PyQt5.QtWidgets import (QApplication, QWidget, QTableWidget,QPushButton, QVBoxLayout, QTableWid ...

  5. 利用Graphviz 可视化GO 数据库

    GO是一个同源蛋白的数据库,按照三大类别BP(生物学过程), MF(分子功能), CC(细胞组分) 对基因的产物-蛋白质进行了分类: 在GO数据库中,本质上是一个有向无环图的数据结构,在三大类别之下, ...

  6. perl 实现ascall 码转换

    今天需要在perl中实现一个字母表, 总不能把26个字母一个一个写出来,于是查资料,可以利用ascii码转换把数字转换成对应的字母 chr函数可以利用ascii编码把数字转换成对应的字母 perl - ...

  7. Prime is problem - 素数环问题

    题目描述: A ring is compose of n circles as shown in diagram. Put natural number 1, 2, ..., n into each ...

  8. oracle中LAG()和LEAD()以及over (PARTITION BY)

    LAG()和LEAD()统计函数可以在一次查询中取出同一字段的前N行的数据和后N行的值.这种操作可以使用对相同表的表连接来实现,不过使用LAG和 LEAD有更高的效率.以下整理的LAG()和LEAD( ...

  9. Loadrunner的Socket脚本关联小技巧

    Socket脚本关联小技巧 我们在socket脚本调试的时候经常会遇到很多问题,比如:socket包中繁杂的二进制编码,socket数据如何进行截取,如何对socket数据包进行参数化等等,以下几点内 ...

  10. makefile--参数传递、条件判断、include (五)

    原创博文,转载请标明出处--周学伟http://www.cnblogs.com/zxouxuewei/ 在多个Makefile嵌套调用时,有时我们需要传递一些参数给下一层Makefile.比如我们在顶 ...