This button implements a color palette and displays it in a pop-up for the user to choose among predefined colors. In addition to coloring text, it can also be modified to insert other CSS color properties such as background-color.

Video filter module is a highly flexible filter module that allows embedding any type of video in your site content.

You can embed a video from any of the following services: Blip.tv, Capped.tv, College Humor, DailyMotion, Eyespot, Flickr Video, Flickr Slideshows, Gametrailers, Gamevideos, Google Video, Metacafe, Myspace, Picasa, Revver, Slideshare, Tangle, Vimeo, YouTube.

Note that, you must enable video filter for your content's input format in order to see the embedded video.

This library defines editor methods for handling HTML class attribute. Class names of HTML objects can easily be get, set, and toggled.

The demo shows how you can define class toggling button in a simple way.

This library defines editor methods for handling HTML style attribute. CSS properties of HTML objects can easily be get, set, and toggled.

The demo shows how you can define alignment buttons in a simple way.

ACBox library implements an autocomplete box that can be used in tag completion, function completion or any other auto-complete purposes. When a box triggering string is typed in the textarea, the corresponding ACBox appears at the cursor position. It contains some predefined choices that can be navigated and selected by keyboard or by mouse.

ACBox comes with a predefined box suggesting some HTML tags. Try the demo by typing  < 

BUEditor has the API for finding selection position regarding the characters typed in the textarea. Using E.posSelection() method one can easily find the character position of the selection start and selection end.

How about the cursor offset(absolute position) in pixels? What if we want to display a box at the cursor position?

The only browser having native support for cursor offset is Internet Explorer. It supports offsetLeft and offsetTop properties for the selection range. Other browsers needs some tricky implementations to support it. For BUEditor users there is the seloffset library as a cross-browser solution the problem.

You can test it in the demo by moving the cursor around or see the ACBox for a practical example.

BBCode syntax highlighter uses and extends the HTML syntax highlighter. It defines a new method that highlights BBCode tags as well as HTML tags.

Browsers do not support multi-colored text in a text-area. Some attempts have been made to color the code using the technique that WYSIWYG editors are using. It is possible to integrate some of those editors with BUEditor, however the result would be a slower editor and BUEditor users would not like it.

The syntax highlighter implemented here is a faster and lighter alternate that simply uses a color layer under the text-area. Users still type into the original text-area but see the color layer that is populated with the colored code as the typing goes on.

The highlighter can also be extended to color any type of code. See BBCode syntax highlighter for a live example.