简单介绍:

作为一种放在客户端文本编辑器,此时不能支持将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. dhcpcd 移植

    /************************************************************************ * dhcpcd移植 * dhcpcd是DHCP c ...

  2. 第二百九十一节,RabbitMQ多设备消息队列-安装与简介

    RabbitMQ多设备消息队列-安装与简介 RabbitMQ简介 解释RabbitMQ,就不得不提到AMQP(Advanced Message Queuing Protocol)协议. AMQP协议是 ...

  3. asp.net 后端验证

    using EntryRegistration.Filters; using EntryRegistration.Models.Entity; using System; using System.C ...

  4. 快速找出System.Management.Automation.dll,c#调用powershell

    public static void InvokeSystemPS(string cmd) { List<string> ps = new List<string>(); ps ...

  5. HTML 之前未接触过的标签

    用于表单的HTML标签 HTML <fieldset> 标签             定义和用法 fieldset 元素可将表单内的相关元素分组. <fieldset> 标签将 ...

  6. mysql中什么是逻辑备份

    需求描述: mysql中,或者说关系型数据库中逻辑备份到底指的是什么呢,主要还是对于 概念的理解,在此记录下. 概念解释: 逻辑备份:主要指的是保存数据库的逻辑结构(比如:create dattaba ...

  7. 制作SD卡启动自己编译的uboot.bin

    README for FriendlyARM Tiny4412 -----------------------------------------------------1. Build uboot ...

  8. TCP处理主要开销

    快速的网络TCP 通常受限 发送主机 与 接收主机. 而不是网络设备或协议本身的实现. TCP的处理的主要开销 分为中断操作.数据复制和协议处理. 1:中断操作 2:数据复制 3:协议处理 TCP的处 ...

  9. BZOJ 1089 SCOI2003 严格n元树 动态规划+高精度

    题目大意:定义一棵深度为d的严格n元树为根的深度为0,最深的节点深度为d,且每一个非叶节点都有恰好n个子节点的树 给定n和d,求深度为d的严格n元树一共同拥有多少种 此题的递推部分并不难 首先我们设深 ...

  10. swift--设置app图标和启动页面

    1,如下图: