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

BBCode2HTML: Convert BBCode into HTML using Javascript

BBCode to HTML conversion is usually done on server side thus at least one server request is required to display the result. BBCode2HTML is a JavaScript function implemented to do the conversion on client side so the result can be previewed without hitting the server. Supported BBCode tags and a live preview example can be found at BBCode Editor page.

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 code in the demo contains most of the tags 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.

JsAutoP: Convert new lines into line breaks and paragraphs in JavaScript

JsAutoP is the JavaScript equivalent of the PHP function described at Matthew Mullenweg's website. The PHP function is a part of Wordpress code, which is used to convert new lines to HTML line breaks and paragraphs inside user entries. A similar function is also used in Drupal for the same purpose.

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. Note that you won't see here how inline syntax is converted to a link or an image. You must use drupal's preview in your own site.

Under supervision of Drupal :)