zoukankan      html  css  js  c++  java
  • Ubbeditor的使用

    简单介绍:

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

  • 相关阅读:
    安装 Panda3D 并使用原有的Python
    Jupyter Notebook PDF输出的中文支持
    lua的文件管理
    elasticsearch-hadoop.jar, 适用于spark3,hadoop3
    shell中递归遍历指定文件夹下的文件
    JDBC的ResultSet游标转spark的DataFrame,数据类型的映射以TeraData数据库为例
    Pandas一些小技巧
    用c++后缀自动机实现最大公共字符串算法,并封装成Python库
    后缀自动机的python实现
    PYTHON调用C接口(基于Ctypes)实现stein算法最大公约数的计算
  • 原文地址:https://www.cnblogs.com/XZhao/p/6294854.html
Copyright © 2011-2022 走看看