Element Design » wysiwyg

s[0] is undefined with CKEditor & MediaEmbed

chad — Wed, 24 Nov 2010 20:42:03 +0000

While working on a client’s website, I ran into a issue with CKEditor and the plugin MediaEmbed. MediaEmbed is a plugin that allows embed code for videos. You can use this for Youtube, Video, or even your own local video files (as long as you wrap them with a video player, like Longtail).

I was able to successfully install and activate the plugin, and was even able to launch the dialog box to insert the embed code. The error happened once I clicked “Ok” on the dialog, which while running Firebug, gave the error “s[0] is undefined, in ckeditor.js line 119″

The solution to this problem is simple, download and install this version of MediaEmbed instead!

http://www.fluidbyte.net/embed-youtube-vimeo-etc-into-ckeditor

CKEditor ReplaceAll Config

chad — Thu, 10 Dec 2009 21:12:03 +0000

To place configuration values into the ReplaceAll command for CKEditor, use the following format:

CKEDITOR.replaceAll(function( textarea, config ){
   config.toolbar_Full =
      [
        ['Source','-','Save','NewPage','Preview','-','Templates'],
        ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
        ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
        '/',
        ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
        ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
        ['Link','Unlink','Anchor'],
        ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
        '/',
        ['Styles','Format','Font','FontSize'],
        ['TextColor','BGColor'],
        ['Maximize', 'ShowBlocks','-','About']
     ];
});

For more configuration options, visit CKEditor’s Developer Documentation.

WYSIWYG Text Widget Editor for WordPress

chad — Thu, 24 Sep 2009 17:14:50 +0000

I just ran into an excellent plugin for WordPress that should be included with every install.

The default WordPress installation offers a basic Text Widget editor that requires HTML knowledge and experience (basically the WordPress editor in ‘Code’ view). When handing off the WordPress installation to clients with little to no HTML experience, it is important to include WYSIWYG edtiors wherever possible.

Update 7/7/2011: The WYSIWYG Widgets plugin does just that. It’s simple to install and can easily be added to any sidebar as a widget. I can confirm that this widget works with WordPress 3.2.

~~The Rich Text Widget plugin does just that. It’s simple to install and can easily be added to any sidebar as a widget.~~