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.

Project IMCE

IMCE is an image/file uploader and browser that supports personal directories and quota. It works with Drupal 4.7 or above versions.

IMCE, initially, was implemented for easy uploading images and adding them to TinyMCE. In the development process many features have been added.

It now supports the other most used wysiwyg editor FCKeditor. In addition to these two editors, with the aid of newly implemented Javacript API, IMCE has also support for inline image/file insertion into plain textareas.

You can visit the demo page to see the working examples.

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.

TMCE Module: Yet another tinyMCE integration for Drupal

TMCE is my interpretation of how TinyMCE WYSIWYG Editor should be integrated into Drupal.
This project will not be officially available among Drupal projects since there are already modules (tinymce and tinytinymce) managing the same task.

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.

Under supervision of Drupal :)