在做bbs项目时,需要用到ubb编辑器。网上 查了好久,终于找到一款简单轻便的ubb编辑器UBBEditor,并且是开源的。推荐给大家。
官网地址:http://www.ubbeditor.com/documentation/
官网首页介绍如下:
1.迷你
UBBEditor 经压缩存储后小于20KB,载入的时间可以忽略不计。
2.兼容
UBBEditor 可以良好的运行在 IE6,7,8 Safari, Firefox, Chrome 等浏览器中。
3.安全
UBBEditor 在编辑文本内容的格式后,所产生的是UBB代码,如果在网页中输出显示时,需要通过服务器脚本来解析这些代码,因此它具备的良好的安全可控性。
4.开源
UBBEditor 是一款开放源代码的程序,你可以在任何项目中任意使用而不需要支付任何费用,并且你也可以很方便的修改源代码来达到更符合自己的要求。
使用文档如下:
文档
如何初始化UBBEditor?
如何获取编辑器的内容?
在服务器端的脚本中,你可以直接获取,比如(PHP):
在Javascript中,你可以通过这样的形式来获取:
如何动态的插入代码到编辑器中?
<script type="text/javascript" src="ubbeditor/ubbEditor.js"></script>
<textarea id="content" name="content" style="WIDTH: 600px; HEIGHT: 300px"></textarea>
<script type="text/javascript">
var nEditor = new ubbEditor('content');
nEditor.tInit('nEditor', 'ubbeditor/');
</script>
<textarea id="content" name="content" style="WIDTH: 600px; HEIGHT: 300px"></textarea>
<script type="text/javascript">
var nEditor = new ubbEditor('content');
nEditor.tInit('nEditor', 'ubbeditor/');
</script>
如何获取编辑器的内容?
在服务器端的脚本中,你可以直接获取,比如(PHP):
$_POST['content']
在Javascript中,你可以通过这样的形式来获取:
<script type="text/javascript"> nEditor.tGetUBB();</script>
如何动态的插入代码到编辑器中?
<script type="text/javascript"> nEditor.tinsertUBB('[b]ABC[/b]');</script>
ubbEditor的几个方法:
tinsertUBB(value): 插入UBB代码;
tinsertHTML(value): 插入HTML代码;
tGetUBB(): 获取UBB代码;
tGetHTML(): 获取HTML代码;
先收藏下来,以防以后找不到。