Insert <pre> element

This plugin makes it easier to insert a <pre> tag in CKEditor.

Installation

1. Download the plugin and unpack it in the plugins folder

2. Enable the "insertpre" plugin in the CKEditor configuration file (config.js):

config.extraPlugins = 'insertpre';

That's all. "InsertPre" button will appear on the editor toolbar and will be ready to use.

Optionally, you may specify which class should be added to the <pre> element:

CKEDITOR.config.insertpre_class = 'prettyprint';

As well as specify how the <pre> tag should be rendered inside CKEditor:

CKEDITOR.config.insertpre_style = 'background-color:#F8F8F8;border:1px solid #DDD;padding:10px;';

Screenshots

carousel
carousel
carousel
insertpre

44,848 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.6 4.5 4.4

Version: 1.1

Download Release notes

First version compatible with CKEditor 4.1 and Advanced Content Filter.

Version: 1.0.1

Download Release notes

Fixed ugly JS error. Upgrading is recommended.