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
Ubbeditor的使用的更多相关文章
- common.js js中常用方法
//创建CSS样式段 //classid: CSS样式段ID//font: 字体//size: 字体大小//color: 字体颜色//style: 字体风格function FCMakeCSSClas ...
- 在线编辑器 (UBB, FCK)
这里主要说明一下:UBB UBB 使用类型HTML的语法. UBB相对FCK的HTML方式, 安全性高. 用户不可以直接嵌入HTML代码. UBB 在线编辑器(JS版): http://www. ...
- CKEditor 集成CKFinder集成
lCKEditor原名FckEditor,著名的HTML编辑器,可以在线编辑HTML内容,演示一下.打开.自己人用CKEditor,网友用UBBEditor. l配置参考文档,主要将ckeditor中 ...
随机推荐
- matlab中常用见的小知识点
矩阵相关: 在matlab中,矩阵或向量是 column-major 表示形式.用 [] 来构建向量或矩阵, 用()来引用向量或矩阵中的元素:用:表示矩阵中的该index下的所以元素: matlab中 ...
- windows下定时任务设置
Linux 系统可以通过crontab -e 设置定时任务,Windows系统没有crontab命令,但是Windows系统有跟crontab命令比较接近的命令: schtasks 命令. # 设置定 ...
- Java中的内存处理机制和final、static、final static总结
Java中的内存处理机制和final.static.final static总结 装载自:http://blog.csdn.net/wqthaha/article/details/20923579 ...
- (转)SDL1.2到2.0的迁移指南
里面有些单词不好翻译所以放在开头,以备查验. BLock Image Transfer, a computer graphics operation in which two bitmap patte ...
- JBPM——工作流概念
一.概念 工作流(Workflow),就是"业务过程的部分或总体在计算机应用环境下的自己主动化",它主要解决的是"使在多个參与者之间依照某种提前定义的规 ...
- par函数col参数-控制颜色
col参数用来控制颜色,其实有一些列的颜色相关的参数,都是以col 开头 col : 控制图片中点,文字以及绘图边框的颜色,代码示例: par(col = "red") plot( ...
- R语言低级绘图函数-axis
axis函数用来在一张图表上添加轴线,区别于传统的x轴和y轴,axis 允许在上,下,左, 右4个方向添加轴线 以x轴为例,一条轴线包含3个元素,水平的一条横线,叫做axis line , 刻度线, ...
- downtown uptown
Downtown is a term primarily used in North America by English speakers to refer to a city's core (or ...
- linux命令之find和locate
1.find / -name log.xml 按照名字查找log.xml文件 2.locate log.xml 查找log.xml文件(效率高) 3.grep 'hive' word. ...
- /etc/docker/key.json
/etc/docker/key.json 描述信息: This is the dockerd key for TLS connections.in web format, that docker us ...