Hi,
I have a problem when i try to add external plugin to CKEDITOR.
1, Structure directory is :
- MyEditor :
+ ckeditor
+ myCustomPlugins
+ mycustomconfig.js
In ckeditor :
i create a file test.html :
And in the file config.js is :
-in the myCustomPlugins directory : i create a folder helloworld
-in the folder helloworld directory : i create a file helloworld.html and a file plugin.js
helloworld.html :
plugin.js :
also image of button here.
And mycustomconfig.js :
// mypath is directory to folder helloworld plugin
I run test.html and see the firebug notify error :
this.externals is undefined
[Break on this error] m.setAttribute('type','text/javascript...,I){if(/^\/|^\w?:/.test(H))return F;
Anybody help me explain this problem? or how to add external plugin and load external config.js ? Thanks a lot of!
I have a problem when i try to add external plugin to CKEDITOR.
1, Structure directory is :
- MyEditor :
+ ckeditor
+ myCustomPlugins
+ mycustomconfig.js
In ckeditor :
i create a file test.html :
<html > <head> <title>This is test plugin</title> <script type="text/javascript" src="ckeditor.js"></script> </head> <body> <h1>Custome plugin CKEditor</h1> <textarea cols="80" id="test" name="editor1" rows="10"> This is test content ckeditor </textarea> <script type="text/javascript"> var editor = CKEDITOR.replace( 'test' ); </script> </body> </html>
And in the file config.js is :
CKEDITOR.editorConfig = function( config )
{
//config.toolbar = "Basic";
config.customConfig = '../myconfig.js';
};
-in the myCustomPlugins directory : i create a folder helloworld
-in the folder helloworld directory : i create a file helloworld.html and a file plugin.js
helloworld.html :
<html>
<head>
<title>HelloWorl CKEditor</title>
<script type="text/javascript">
var CKEDITOR = window.top.CKEDITOR || {};
</script>
</head>
<body>
<h3>This is test plugin new dialog</h3>
</body>
</html>
plugin.js :
CKEDITOR.plugins.add('helloworld',
{
requires : ['iframedialog'],
init : function(editor) {
var pluginName = 'helloworld';
var mypath = this.path;
editor.ui.addButton(
'helloworld.btn',
{
label : "My Plug-in",
command : 'helloworld.cmd',
icon : this.path + 'helloworld.gif'
}
);
var cmd = editor.addCommand('helloworld.cmd', {exec:showDialogPlugin});
CKEDITOR.dialog.addIframe(
'helloworld.dlg',
'Hello Title',
mypath + 'helloworld.html',
400,
300,
function(){
}
);
}
}
);
function showDialogPlugin(e){
e.openDialog('helloworld.dlg');
}
also image of button here.
And mycustomconfig.js :
(function() {
CKEDITOR.resourceManager.prototype.addExternal('helloworld', mypath+'helloworld/', 'plugin.js');
})();
CKEDITOR.editorConfig = function( config )
{
config.toolbar = 'Basic';
};
// mypath is directory to folder helloworld plugin
I run test.html and see the firebug notify error :
this.externals is undefined
[Break on this error] m.setAttribute('type','text/javascript...,I){if(/^\/|^\w?:/.test(H))return F;
Anybody help me explain this problem? or how to add external plugin and load external config.js ? Thanks a lot of!
Re: External Plugin