(Demo:  http://api.colorfulphp.com/ubb/ |      Happy Songtext )

First Step:

Please insert this code before ”</body>” tag, and after you Textarea (Form).

<script type="text/javascript" src="http://api.colorfulphp.com/ubb/ubb.js"></script>

Second Step:

You should config UBB Editor Code before load the script above.(Insert this config code before above script.)  example:

<script type="text/javascript"> coUBB_c = {'id':'do_content', 'mode':'basic', 'ver':'0.1', 'width':'99%', 'height':'200px', 'auto':1, 'css':':default', 'css_e':}; </script>

About Config Arguments:

You must edit the arg of  “id”  to the id of you textarea or input.

Example:

<textarea cols="50"  rows="10" name="do_content"  id="do_content"  style="width:99%" onclick="if(typeof(coUBB) == 'object'){coUBB.make(coUBB_c);}"></textarea>

do_content is the id value.

Don’t modify arg: mode , ver. Because there are no other version at present.

“width”  and ” height” is default value if you are use a INPUT element.

You can load your css as:         ‘css’ : ‘http://yourpath’

Please check about css for more information.

Full Example:

1. textarea id is “do_content” same as default config, so you don’t need config it.


<form method="post">
<textarea cols="50" rows="10" name="do_content" id="do_content" style="width:99%" onclick="if(typeof(coUBB) == 'object'){coUBB.make(coUBB_c);}"></textarea>
<input type="submit" />
</form>
<script type="text/javascript" src="http://api.colorfulphp.com/ubb/ubb.js"></script>

2: use your custom config


<form method="post">
<textarea cols="50" rows="10" name="myname" id="myname" style="width:99%" onclick="if(typeof(coUBB) == 'object'){coUBB.make(coUBB_c);}"></textarea>
<input type="submit" />
</form>

<script type="text/javascript"> coUBB_c = {'id':'myname', 'mode':'basic', 'ver':'0.1', 'auto':1,'css':'http://mycsspath', 'css_e':}; </script>
<script type="text/javascript" src="http://api.colorfulphp.com/ubb/ubb.js"></script>