Improving Elgg Text Editor

Elgg comes with a WYSIWYG text editor called “CKEditor” that allows you to write blogs, pages, etc. It has basic features that improves the look of the text. However, what if you want a text editor with many editing features? In this article I will give you a step by step guide on how to extend CKEditor in Elgg

CKEditor Simple

CKEditor Simple

1. Download CKEditor Extended Plugin for elgg

2. Upload and install the plugin. If you don’t know how to do this, please read this article.

3. Log into elgg as an Administrator. In the Admin Dashboard go to menu “Configure -> Plugins”, and activate “CKEditor Extended“:

activate ckeditor4. Go to menu “Configure -> Settings -> CKEditor Extended“:

Picture 5

5. In the settings page, replace the code you see there with this one below:

toolbar: [['Bold', 'Italic', 'Underline'], [ 'Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates' ],['Strike', 'NumberedList', 'BulletedList', 'Undo', 'Redo', 'Link', 'Unlink', 'Image', 'Blockquote', 'Paste', 'PasteFromWord', 'Maximize']], [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ], [[ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language' ]], [ 'list', 'indent', 'blocks', 'align', 'bidi' ],
removeButtons: 'Subscript,Superscript', // To have Underline back
allowedContent: true,
baseHref: elgg.config.wwwroot,
removePlugins: 'contextmenu,tabletools,resize',
defaultLanguage: 'en',
language: elgg.config.language,
skin: 'moono',
uiColor: '#EEEEEE',
contentsCss: elgg.get_simplecache_url('css', 'elgg/wysiwyg.css'),
disableNativeSpellChecker: false,
disableNativeTableHandles: false,
removeDialogTabs: 'image:advanced;image:Link;link:advanced;link:target',
autoGrow_maxHeight: $(window).height() - 100,

ckeditor settings elgg

6. Save the changes, and that’s it! CKEditor has been extended!

CKEditor Extended

CKEditor Extended

This concludes Improving the Elgg Text Editor

Looking for quality Elgg Hosting? Look no further than Arvixe Web Hosting!

Happy Hosting!

Rodolfo Hernandez

Tags: , , , , , , , , , | Posted under Elgg | RSS 2.0

Author Spotlight

Rodolfo Hernandez

I like photography and reading books. Currently working for Arvixe as Elgg Community Liaison. Elgg Security Expert Web Security Expert CEO of UDP SW Social Web

Leave a Reply

Your email address will not be published. Required fields are marked *