Ubbeditor的使用

标签：demo   它的   加载   简单   dem   []   idt   hid   bsp   

简单介绍：

作为一种放在客户端文本编辑器，此时不能支持将JS、Html代码直接发送给服务器，这样将会给服务器带来极大的危险，比如UMEditor（富文本编辑器），它的使用需要关闭服务器端的代码检查的，否则将不可用，因为富文本编辑器是直接将JS代码向服务器发送的。而ＵbbEditor不是将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的使用

标签：demo   它的   加载   简单   dem   []   idt   hid   bsp   

原文地址：http://www.cnblogs.com/XZhao/p/6294854.html