need to add a media button

I can't sem to add a media button. Here is what I did to the config.js. I also uploaded the mediaembeded plugin. When I add this code
config.extraPlugins = 'MediaEmbed';
My editor disappears. How do I do this.

Thanks, Heidi

CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
config.docType = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">';
config.image_removeLinkByEmptyURL = false;
config.height = '500';
config.toolbar = 'MyToolbar';
config.toolbar_MyToolbar =

[
['Cut','Copy','Paste','PasteFromWord','-','SpellChecker'],
['Undo','Redo','-','Find','Replace'],
['NumberedList','BulletedList','Outdent','Indent','Blockquote','RemoveFormat','Source'],
['Link','Unlink','Anchor','Image','Flash','MediaEmbed'],
['uploader','Table','HorizontalRule','SpecialChar'],
'/',
['Bold','Italic','StrikeThrough','-','Subscript','Superscript'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Format','FontSize'],
['FitWindow','ShowBlocks']

];
};

Thu, 04/29/2010 - 17:52

little flower

Joined: 22/02/2010

Posts: 7

Re: need to add a media button

I still can't get this to work. Can anyone help me. Here is my plugin I am using.

* @example An iframe-based dialog with custom button handling logics.
*/
( function() {
CKEDITOR.plugins.add( 'MediaEmbed',
{
requires: [ 'iframedialog' ],
init: function( editor )
{
var me = this;
CKEDITOR.dialog.add( 'MediaEmbedDialog', function ()
{
return {
title : 'Embed Media Dialog',
minWidth : 550,
minHeight : 200,
contents :
[
{
id : 'iframe',
label : 'Embed Media',
expand : true,
elements :
[
{
type : 'html',
id : 'pageMediaEmbed',
label : 'Embed Media',
style : 'width : 100%;',
html : '<iframe src="'+me.path+'/dialogs/mediaembed.html" frameborder="0" name="iframeMediaEmbed" id="iframeMediaEmbed" allowtransparency="1" style="width:100%;margin:0;padding:0;"></iframe>'
}
]
}
],
onOk : function()
{
for (var i=0; i<window.frames.length; i++) {
if(window.frames[i].name == 'iframeMediaEmbed') {
var content = window.frames[i].document.getElementById("embed").value;
}
}
editor.insertHtml('<div class="media_embed">'+content+'</div>');
}
};
} );

editor.addCommand( 'MediaEmbed', new CKEDITOR.dialogCommand( 'MediaEmbedDialog' ) );

editor.ui.addButton( 'MediaEmbed',
{
label: 'Embed Media',
command: 'MediaEmbed',
icon: this.path + 'images/icon.gif'
} );
}
} );
} )();

Fri, 05/07/2010 - 02:13

denʹnʹbat

Joined: 07/05/2010

Posts: 1

Re: need to add a media button

How about the character case in the name of your plugin directory?

If your directory name is "mediaembed" but not "MediaEmbed" it seems to be reason of problem.
In this case you should be try to set in lowercase all "MediaEmbed" in the plugin code and config.js, except for "editor.ui.addButton( 'MediaEmbed', .....". Or rename the directory, but it's probably not right way.

Excuse my english.