UBB编辑器UBBEditor推荐

来源:互联网 发布:如何制作软件app 编辑:程序博客网 时间:2024/04/29 11:06

在做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?

<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>

如何获取编辑器的内容?

在服务器端的脚本中,你可以直接获取,比如(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代码;

先收藏下来,以防以后找不到。