Code Editor
- Categories: Development, Tools, Usability
- Author: prbaron
- License: MIT
PBCKCode helps you to write code blocks to your articles in an easy way. It adds the ACE Code Editor to improves the behaviour of a textarea element. It creates a pre tag into your ckeditor so that you can include your prefered syntax highlighter.
PBCKCode works with more than 40 languages and is fully compatible with several syntax highlighters like Google Code Prettify or SyntaxHighlighter.
Writing code into your articles has never be so easy !
Documentation : http://prbaron.github.io/pbckcode/.
The plugin is released under the Apache 2 license.
From the v1.2.1, ACE Editor is now loaded from the [jsDelivr CDN](http://www.jsdelivr.com/). The loading will be faster and the plugin size will be smaller.
Complete changelog : https://github.com/prbaron/pbckcode/blob/master/CHANGELOG.md
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.2.5 |
||||
|
This new version is compatible with CKEditor 4.6.1. Be careful, the zip file contains the source (in src) and the examples (in docs). You only need the src folder to make the plugin works. |
||||
Foundeo Spell Checker
This plugin allows you to add a spell checker button to the toolbar utilizing the Foundeo Server Side Spell Checker for ColdFusion, CFML, JSP, or Java Server Side Applications.
All spell checking is done on your server without sending content to a third party for checking.
Screenshots
Releases
HTML Buttons
This plugin allows to easily create as many buttons as desired that each one can insert into the editor the HTML snippet that you want.
Version 1.5 includes changes proposed by Eric Arnol-Martin to wrap the existing selection with the HTML snippet (instead of only inserting and overwritting the selection).
It includes also the proposal by Julian Ivancsuk to use a menu-button dropdown instead of individual buttons so you don't clutter the toolbar if you have a lot of buttons.
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.5.2 |
||||
|
avoid breaking the toolbar configurator |
||||
Insert <pre> element
This plugin makes it easier to insert a <pre> tag in CKEditor.
Installation1. 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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.1 |
||||
|
First version compatible with CKEditor 4.1 and Advanced Content Filter. |
||||