简单介绍:

作为一种放在客户端文本编辑器,此时不能支持将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. 【转】【Android】Android不同版本下Notification创建方法

    使用 new Notification(int icon, CharSequence tickerText, long when)构造函数时,Eclipse却提示:" The constru ...

  2. imx6 fec分析

    /***************************************************************************** * imx6 fec分析 * 本文主要分析 ...

  3. ubuntu下使用VI编辑文件必知的常用命令

    进入vi的命令 vi filename :打开或新建文件,并将光标置于第一行首 vi +n filename :打开文件,并将光标置于第n行首 vi + filename :打开文件,并将光标置于最后 ...

  4. 使用Ultra Librarian转换芯片的Altium Designer封装格式

    第一步:找到对应芯片的CAD文件,以OPA350为例: http://www.ti.com/product/opa350   RE: 使用Ultra Librarian转换TI芯片的Altium De ...

  5. 关于对afx_msg的解释-----来源百度百科

    1AFX前缀 Afx前缀是微软MFC一个小组的名称简写,并没有别的意义. MFC的很多代码,包括全局函数名.宏.头文件名都使用了"Afx". Afx*.h是一组MFC的核心头文件, ...

  6. PHP必备知识:如何下载样式文件中的图片

    <?php header("content-type:text/html;charset=utf-8"); set_time_limit(0); $styleImg = fi ...

  7. iOS 图片切片的简单实现

    图片切片就是将一张图片按一定比例切分,中间部分系统自动填充空白, 这样在文本多行输入的时候,将具有特定形状的图片作为背景, 即使文本行数很多,也不会使图片走形. //即使你按5/5分,还是3/7分系统 ...

  8. Oracle中查询主键、外键、sequence、表基本信息等

    一次看到某张表中有几条ID相同的数据,通过业务确认该ID应该是唯一的,后来找到原因,因为DBA未对该表建主键. 现在DBA工作比较忙,我们项目有时需要新增或者修改数据库表结构时,可能需要对表结构进行确 ...

  9. ASP.NET中相对路径的使用总结

    如果有一个网站上的图片的路径是这样的: http://localhost:2008/websit1/images/1.jpg websit1表示的是虚拟路径或者是站点 在asp.net中,如果我们在. ...

  10. DLL文件的使用

    一. 动态链接库 什么是动态链接库?DLL三个字母对于你来说一定很熟悉吧,它是Dynamic Link Library 的缩写形式,动态链接库 (DLL) 是作为共享函数库的可执行文件.动态链接提供了 ...