简单介绍:

作为一种放在客户端文本编辑器,此时不能支持将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程序猿面试笔试宝典》之组合与继承有什么差别

    组合和继承是面向对象中两种代码复用的方式. 组合是指在新类里面创建原有类的对象,反复利用已有类的功能.继承是面向对象的主要特性之中的一个,它同意设计人员依据其他类的实现来定义一个类的实现. 组合和继承 ...

  2. openstack热迁移和冷迁移

    转自: http://www.cnblogs.com/pycode/p/6494848.html 迁移类型: *非在线迁移 (有时也称之为‘迁移’).也就是在迁移到另外的计算节点时的这段时间虚拟机实例 ...

  3. 关于C++中using namespace std

    原文链接:http://www.kuqin.com/language/20080107/3532.html <iostream>和<iostream.h>是不一样,前者没有后缀 ...

  4. wd mycloud nas新玩法

    最近家里的小米路由器坏了,主要是硬盘读取不出,小米之家也无能为力,本想继续在小米之家买个小米路由器,后来了解到了nas,于是想折腾下.我的nas型号是wd mycloud,3TB内置硬盘.功能:可以组 ...

  5. 【Java面试题】45 什么是java序列化,如何实现java序列化?或者请解释Serializable接口的作用。

    我们有时候将一个java对象变成字节流的形式传出去或者从一个字节流中恢复成一个java对象,例如,要将java对象存储到硬盘或者传送给网络上的其他计算机,这个过程我们可以自己写代码去把一个java对象 ...

  6. 谈谈我对Android View事件分发的理解

    写这篇博客的缘由.近期因为项目中用到相似一个LinearLayout中水平布局中,有一个TextView和Button,然后对该LinearLayout布局设置点击事件.点击TextView能够触发该 ...

  7. RAC:Oracle11gR2:群集的起、停、状态查询

    一:查看群集的状态 1.0.1 使用crsctl status resource [-t] 1.0.2 使用crs_stat [-t] 1.0.1 使用srvctl status <obj> ...

  8. javascript测试框架 Mocha 实例教程

    http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html

  9. 关于JavaScript中的this

    1.关于this的误会. 误会(1):this指向所在函数本身. 我们常常会对this产生各种误会,比如说我们可能认为this会指向所在函数本身,但实际上并非如此. function foo (){ ...

  10. C# CRC16 查表法

    private static ushort[] crctab = new ushort[256]{                      0x0000, 0x1021, 0x2042, 0x306 ...