BBCode Plugin — CKEditor Sample
Description: Try the latest sample of CKEditor 4 and learn more about customizing your WYSIWYG editor with endless possibilities.

# CKEditor Samples » BBCode Plugin

This sample is not maintained anymore. Check out its brand new version in CKEditor Examples.

This sample shows how to configure CKEditor to output BBCode format instead of HTML. Please note that the editor configuration was modified to reflect what is needed in a BBCode editing environment. Smiley images, for example, were stripped to the emoticons that are commonly used in some BBCode dialects.

Please note that currently there is no standard for the BBCode markup language, so its implementation for different platforms (message boards, blogs etc.) can vary. This means that before using CKEditor to output BBCode you may need to adjust the implementation to your own environment.

A snippet of the configuration code can be seen below; check the source of this page for a full definition:

    CKEDITOR.replace( 'editor1', {
    	extraPlugins: 'bbcode',
    	toolbar: [
    		[ 'Source', '-', 'Save', 'NewPage', '-', 'Undo', 'Redo' ],
    		[ 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat' ],
    		[ 'Link', 'Unlink', 'Image' ],
    		'/',
    		[ 'FontSize', 'Bold', 'Italic', 'Underline' ],
    		[ 'NumberedList', 'BulletedList', '-', 'Blockquote' ],
    		[ 'TextColor', '-', 'Smiley', 'SpecialChar', '-', 'Maximize' ]
    	],
    	... some other configurations omitted here
    });

Editor 1: This is some [b]sample text[/b]. You are using [url=https://ckeditor.com/]CKEditor[/url].