CKEditor 4
Thu, 06/28/2012 - 03:35
#1
pelicanpaul2
pelicanpaul2's picture
Joined: 28/06/2012
Posts: 10

Intergating CKFinder with CKEditor on classic asp

Hi,

I have looked a this link
http://docs.cksource.com/CKFinder_2.x/D ... ntegration

and you know it will be a challenge when the help document starts with

CKFinder comes with built-in API to easily integrate it with CKEditor.

Obviously they have done it a million times but they do not start with the first basic questions. A full config file example would be of great help too.

Here is my config.js

CKEDITOR.editorConfig = function( config )
{
   // Define changes to default configuration here. For example:
   // config.language = 'fr';
   // config.uiColor = '#AADC6E';
   config.removePlugins = 'elementspath,save,font,resize,scayt,flash,iframe,iframedialog,fakeobjects,newpage,forms';
};



Do I just add

     var editor = CKEDITOR.replace( 'editor1' );
     CKFinder.setupCKEditor( editor, '/mypath/ckfinder/' );


after this???

Any help... much appreciated.

Top
Thu, 06/28/2012 - 07:33
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

Re: Intergating CKFinder with CKEditor on classic asp

Yes.
Top
Thu, 06/28/2012 - 16:47
pelicanpaul2
pelicanpaul2's picture
Joined: 28/06/2012
Posts: 10

Re: Intergating CKFinder with CKEditor on classic asp

So I added that code after and it does not work. Perhaps it does not work unless you have a registration code? Perhaps they should put that in the documentation.
Top
Thu, 06/28/2012 - 17:45
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

Re: Intergating CKFinder with CKEditor on classic asp

No, that should work no matter if you are in demo mode or if you have a license.
Have you set the right paths?
Do you have any error in the console?
have you included the ckfinder.js file?
Top
Thu, 06/28/2012 - 19:03
pelicanpaul2
pelicanpaul2's picture
Joined: 28/06/2012
Posts: 10

Re: Intergating CKFinder with CKEditor on classic asp

Here is my error in console
uncaught exception: [CKEDITOR.editor.replace] The element with id or name "editor1" was not found.


the textarea id is 'editor1'...

I am just trying to get this to work for starters. Do I create a singleton for the CKEDITOR.editorConfig and call that 'editor1'???

thanks,

Paul
Top
Thu, 06/28/2012 - 19:11
pelicanpaul2
pelicanpaul2's picture
Joined: 28/06/2012
Posts: 10

Re: Intergating CKFinder with CKEditor on classic asp

In other words, what is 'editor1'? Is it the CKEDITOR object or the textarea object?
Top
Thu, 06/28/2012 - 20:50
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

Re: Intergating CKFinder with CKEditor on classic asp

Ok, so it's not a problem with CKFinder, but just a problem with your CKEditor.

Now that i re-read your original post you state that you are adding 
         var editor = CKEDITOR.replace( 'editor1' );
         CKFinder.setupCKEditor( editor, '/mypath/ckfinder/' );

in the config.js file, but that's wrong, that code should go in the page in a load event or at the very least after your textarea has been created.
And the config.js file is loaded automatically, you don't have to manually insert that file into the page.
Top
Thu, 06/28/2012 - 21:08
pelicanpaul2
pelicanpaul2's picture
Joined: 28/06/2012
Posts: 10

Re: Intergating CKFinder with CKEditor on classic asp

thanks...

ok. I will do this real simple and old school. Here is a simple page.

<script src="/mypath/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="/mypath/ckfinder/ckfinder.js" type="text/javascript"></script>

<script type="text/javascript">

function loadckfinder(){
     var editor = CKEDITOR.replace( 'editor1' );
     CKFinder.setupCKEditor( editor, '/mypath/ckfinder/' );
}

</script>
</head>

<body onload="loadckfinder()">

<textarea name="editor1" cols="62" rows="20" class="ckeditor" id="editor1"></textarea>

</body>
</html>


Now I get the error...

uncaught exception: [CKEDITOR.editor] The instance "editor1" already exists.


hmmmmm....

still no luck..
Top
Thu, 06/28/2012 - 21:43
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

Re: Intergating CKFinder with CKEditor on classic asp

You have set "ckeditor" as the class for the textarea, and so it triggers the automatic replacemente by class http://docs.cksource.com/ckeditor_api/s ... placeClass

just use any other class name (or none at all)

Top
Thu, 06/28/2012 - 21:55
pelicanpaul2
pelicanpaul2's picture
Joined: 28/06/2012
Posts: 10

Re: Intergating CKFinder with CKEditor on classic asp

got it.. thanks for dealing with my ineptness... I liked doing it by class as I will not know what the field will be be before the page is loaded. But I can dynamically do it by writing javascript after the field has loaded.

Problem... concept... solved.
Top
Thu, 06/28/2012 - 22:32
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

Re: Intergating CKFinder with CKEditor on classic asp

You can leave the class, just remove the call to CKEDITOR.replace and use this line for CKFinder:
CKFinder.setupCKEditor( null, '/mypath/ckfinder/' );

That will integrate any CKEditor (existing or created later) with CKFinder. (the downside is that you can't use different configuration options for each instance)
Top
Fri, 06/29/2012 - 10:08
uyendt
uyendt's picture
Joined: 29/06/2012
Posts: 2

Re: Intergating CKFinder with CKEditor on classic asp

I think. Can you get an error in the console
Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check