Project BUEditor

A plain textarea editor aiming to facilitate code writing for Drupal.

  • Editor interface and functionality are completely customizable through administration pages.
  • It supports role based editor interfaces.
  • It's possible to create image or text buttons.
  • Buttons can be customized to generate code snippets, html tags, bbcode tags etc.
Click to see the demo.

Remove Formatting Button

This button removes the HTML formatting tags such as abbr, acronym, address, b, big, blockquote, cite, code, del, em, font, i, kbd, pre, s, small, span, strike, strong, sub, sup, u.

It processes the selected text and replaces it with the format-free text.

Smileys Button and Preview

Smileys module provides an input filter converting text smileys into images. It allows creation or import of new smileys.

The smiley button dynamically gets the list of smileys and displays them in a dialog for users to choose. For demonstrating the effect of smiley filter, the preview button is also modified in order to convert text smileys into images.

BBCode Editor

Bbcode module provides a filter to use BBCode tags in Drupal posts. Although BUEditor allows usage of BBCode tags by default, its most important features such as instant preview or IMCE integrated image and link dialogs works for only HTML tags. This is because any other tag system requires extra process to be converted into HTML.

Below is a re-implementation of default buttons that allow insertion and instant preview of BBCode tags. The demo code also contains other tag samples that are supported for previewing.

Theming BUEditor: A TinyMCE-like Interface

BUEditor, sometimes, is criticized to have a too simple interface having ugly buttons. Having no counter-arguments, I can only show how BUEditor can be themed in order to achieve the desired look.

The below is a demonstration of a themed interface of BUEditor's default editor, which has become very hard to be recognized as BUEditor. The buttons and the style is borrowed from the popular WYSIWYG editor: TinyMCE. Hopefully, its interface is not criticized too much.

BUEditor Inline Module Button

Inline module button provides a user interface for adding inline files and images.

It opens an inline syntax dialog requesting three properties; inline type(inline, file, attachment), file name or id, and title.
If the selected text is a proper inline syntax, properties are extracted for editing.

A demo is available for testing.

BUEditor Imagecache Button

Imagecache module button provides a user interface for adding images provided by imagecache presets.

It allows users select one of the imagecache presets that will handle the selected image. If IMCE is installed, the image URL can be retrieved from IMCE interface, otherwise the user specifies it manually.

A demo is available for testing.

BUEditor Quick Table

Quick Table button provides a user interface for adding html tables into the content.

It has a very simple interface that allows easy creation of tables of any size by a single mouse click.

A demo is available for testing.

BUEditor Search Library

Search library provides a search button that allows users to find and replace text inside textareas.

Features:
  • find and replace on the same user interface.
  • supports multiline text.
  • supports case sensitive/insensitive search.
  • supports regular expressions(javascript based) for advanced users.
  • remembers last searched and replaced text.
Under supervision of Drupal :)