Yii 1.1: editme

WYSIWYG editor based on CKEditor

Development of editMe has been DISCONTINUED. There will be no future updates, bug fixes or support.

editMe is a Yii Framework extension which creates a highly customizable WYSIWYG editor (based on CKEditor) with just one line of code.

Total 14 comments

#18031 report it
Yii3 at 2014/08/28 05:49am
Spell checker

Add this in your config to get spell checker

array('SpellChecker', 'Scayt')

Auto Spellchecker /extension/vendors/CKEditor/config.js

config.scayt_autoStartup = true;

Auto spell checker.

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
   ** config.scayt_autoStartup = true;**
#17930 report it
Yii3 at 2014/08/12 06:46am
Customzie toolbar

Customzie toolbar

$editMe = $this->widget('ext.editMe.widgets.ExtEditMe', array(
            'name'  =>'Event[notes]',
            'value' => $model->notes,
            'Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates',
            'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo',
            'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt'
            'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'
            'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat',
            'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl',
            'Link', 'Unlink', 'Anchor',
            'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'
            'Styles', 'Format', 'Font', 'FontSize',
            'TextColor', 'BGColor',
            'Maximize', 'ShowBlocks',
#16239 report it
coolPhp at 2014/02/02 06:18am
Update preview div

Can this editme update an preview textarea or div as the user types or edits? if so how can this be done.

#15960 report it
Dhamodharan R at 2014/01/04 02:08am

Its really a great extension and very easy to install. Thanks

#15410 report it
kamankily at 2013/11/07 01:31pm
Good job

Thank you very much!

#14281 report it
logudotcom at 2013/08/01 06:32am
Good ckextension

Just installed and it worked anything like. Thanks

#11073 report it
Manoj M at 2012/12/14 07:35am

works flawlessly.... good extension keep up the good work

#10896 report it
Giacomo at 2012/11/30 11:17am
Default cellpadding, cellspacing, border for a table

Hi, thanks for your previous advices.

I've another question to ask. Where and how can I set up configuration like these?

Thank you very much

EDIT: I've solved placing the code

CKEDITOR.on('dialogDefinition', function( ev ) {
  var dialogName = ev.data.name;
  var dialogDefinition = ev.data.definition;
  if(dialogName === 'table') {
    var infoTab = dialogDefinition.getContents('info');
    var cellSpacing = infoTab.get('txtCellSpace');
    cellSpacing['default'] = "5";
    var cellPadding = infoTab.get('txtCellPad');
    cellPadding['default'] = "5";
    var border = infoTab.get('txtBorder');
    border['default'] = "0";

directly inside the page

#10571 report it
limitless at 2012/11/05 12:12pm
Re: How to get textarea value?

Hey Giacomo

Unfortunately CKEditor doesn't offer a classic onChange event.

To accomplish something like that, you will need to implement something yourself.

There is a plugin which implements an onChange event for CKEditor: http://alfonsoml.blogspot.ch/2011/03/onchange-event-for-ckeditor.html Please understand that i can't offer support for this plugin since i myself never used it.

you might be able to find a possible solution here as well: http://stackoverflow.com/questions/5143516/detecting-onchange-events-from-a-ckeditor-using-jquery

Since some of the solutions require you to access to CKEditor instance, here's an example of how to do that:

$editMe = $this->widget('ext.editMe.widgets.ExtEditMe', array(
<script type="text/javascript">
    jQuery(document).ready(function() {
        var ckeInstance = jQuery("#<?php echo $editMe->htmlOptions['id']; ?>").ckeditorGet();

hope this helps

#10430 report it
Giacomo at 2012/10/27 05:37am
New skin

First of all, great ext! saved my time and life :) I'd like to change the dafault skin with new one. I tried to change with one included inside the ext, 'office2003', and it worked. Here's the code


than i googled for some cool skins, and I found these http://ckeditor.com/blog/ckeditor-4-skin-contest-finalists and tried the same stuff


...of course, is not working at all :( Any suggestion? Thank you very much.

#9958 report it
limitless at 2012/09/25 07:37am
Re: Tab key button

Hey seniorboss

By default, pressing the tab key while inside the editor editing area will switch to the next field inside the form, no additional options are necessary for that. Try to remove the option "enableTabKeyTools" and see if it works...

#9950 report it
CTala at 2012/09/24 03:53pm
Thanks a lot!

I had a lot of troubles implementing an editor or using oher extensions.

This one works great, thanks for that!

#9939 report it
Hesam K at 2012/09/24 06:12am
thank you again

since i'm using your great extension in my new project, again, I think I should thank you again, for your work and support, and suggest your extension to anyone who is looking for a WYSIWYG editor which is nicely integrated with Yii.

#8116 report it
HBK at 2012/05/11 09:55am
Extension is really good.

Thank you!!!

Leave a comment

Please to leave your comment.

Create extension
  • Yii Version: 1.1
  • License: Other Open Source License
  • Developed by: limitless
  • Category: User Interface
  • Votes: +50 / -2
  • Downloaded: 11,916 times
  • Created on: Aug 2, 2011
  • Last updated: Mar 4, 2015
  • Tags: wysiwyg, editor, ckeditor