CKEditor 4
Mon, 06/10/2013 - 01:09
#1
Georgyboy
Georgyboy's picture
Joined: 07/06/2013
Posts: 8

Classic ASP Integration with CKEditor 4.0.1(CKFinder Demo version)

Hello to all,

i tried to find an existing discussion on the forum but the explanations usually are for php language.

So, basically  for an Classic ASP application (precompiled), my needs are:

1) Upload a file on server (already covered)

2) Edit a Text and insert one or more file (images) previously uploaded.

I'm using CKEditor version 4.0.1, I'm ready to buy CKFinder (i think that should be the solution) but I'm not able to install it.

Moreover now I have the forder for CKFinder 2.3.1

Because the solution is a precompiled, how I can modify only the file in the CKEditor/Finder Folder but not the asp pages.

So, how can I use CKFinder to browse the server?

I will appreciate any kind of help, thanks a lot in advance.

bye

PS:

at the risk to kill my low remaining self-respect :-)

if it's possible the explanation should be more easy as possible... like to a child of 2 year old..

 

Top
Mon, 06/10/2013 - 16:02
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

Instead of writing everything

Instead of writing everything again, it would be better if you follow the integration guide and then you ask specific questions about the parts that you don't understand.

http://docs.cksource.com/CKFinder_2.x/Developers_Guide/ASP/CKEditor_Integration

I'm not sure if a 2 years old child is able to write, but surely he won't be able to program with asp so I don't really know how to explain this kind of features for such audience. At the very least I'm sure that you know how to create an asp page, as well as add javascript to that page, in that case follow the guide and you should be able to find the answers that you need.

BTW, my prefered method to integrate CKFinder and CKEditor for new users is to include their .js files and then just call

CKFinder.setupCKEditor( null, '/ckfinder/' );

 

Top
Tue, 06/11/2013 - 08:52
(Reply to #2)
Georgyboy
Georgyboy's picture
Joined: 07/06/2013
Posts: 8

.

 

Carissimo Alfonso,

thanks a lot for your help, I known that you don't have familiarity about idiomatic expression, and surely you don wast time to humiliate others. I need it, so I'm Ok.

Ad maiora

 

 

Top
Tue, 06/11/2013 - 09:41
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

If you want to put it in a

If you want to put it in a matter of feelings, it's not about humiliating you, but as a sign of respect to the work done by other people.

Please, read the integration guide and then ask the specific questions that you have.

Top
Tue, 06/11/2013 - 23:34
Georgyboy
Georgyboy's picture
Joined: 07/06/2013
Posts: 8

.

 

Strange approach to sales...

any way thanks a lot for your help I will try to follow your advices and the instruction gift.

I will let you know, cu

 

 

Top
Wed, 06/12/2013 - 02:00
Georgyboy
Georgyboy's picture
Joined: 07/06/2013
Posts: 8

Question:

Question, after a post I received the following message:

Top
Wed, 06/12/2013 - 02:08
Georgyboy
Georgyboy's picture
Joined: 07/06/2013
Posts: 8

re-post

Hello again, I apologise but really I'm lost.

I'm sorry for stolen time, but I don't know how to set properly the config file.

Starting from the localhost folder where i stored both applicatin like this:

  • CKEditor

    • CKFinder

  • CKFinder

*: CKFinder copied also inside the CKEditor folder for any further events

 

From CKeditor folder i modified the file config.js from:

/**
 * @license Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.html or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here.
    // For the complete reference:
    // http://docs.ckeditor.com/#!/api/CKEDITOR.config

    // The toolbar groups arrangement, optimized for two toolbar rows.
    config.toolbarGroups = [
        { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
        { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
        { name: 'links' },
        { name: 'insert' },
        { name: 'forms' },
        { name: 'tools' },
        { name: 'document',       groups: [ 'mode', 'document', 'doctools' ] },
        { name: 'others' },
        '/',
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
        { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align' ] },
        { name: 'styles' },
        { name: 'colors' },
        { name: 'about' }
    ];

    // Remove some buttons, provided by the standard plugins, which we don't
    // need to have in the Standard(s) toolbar.
    config.removeButtons = 'Underline,Subscript,Superscript';

};

To:

(in red the code copied)

/**
 * @license Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.html or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here.
    // For the complete reference:
    // http://docs.ckeditor.com/#!/api/CKEDITOR.config

    // The toolbar groups arrangement, optimized for two toolbar rows.
    config.toolbarGroups = [
        { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
        { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
        { name: 'links' },
        { name: 'insert' },
        { name: 'forms' },
        { name: 'tools' },
        { name: 'document',       groups: [ 'mode', 'document', 'doctools' ] },
        { name: 'others' },
        '/',
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
        { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align' ] },
        { name: 'styles' },
        { name: 'colors' },
        { name: 'about' }
    ];

    // Remove some buttons, provided by the standard plugins, which we don't
    // need to have in the Standard(s) toolbar.
    config.removeButtons = 'Underline,Subscript,Superscript';

};


CKFinder.setupCKEditor( editorObj, config[, imageType, flashType] )
CKFinder.setupCKEditor( null, '/ckfinder/' );
var editor = CKEDITOR.replace( 'editor1' );


 CKEDITOR.replace( 'editor1',
{
    filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
    filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?type=Images',
    filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?type=Flash',
    filebrowserUploadUrl : '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Files',
    filebrowserImageUploadUrl : '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Images',
    filebrowserFlashUploadUrl : '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Flash'
});

CKEDITOR.replace( 'editor1',
{
    filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
    filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?type=Images',
    filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?type=Flash',
    filebrowserUploadUrl :
        '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Files&currentFolder=/archive/',
    filebrowserImageUploadUrl :
       '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Images&currentFolder=/cars/',
    filebrowserFlashUploadUrl : '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Flash'
});

 

Result:

the TAB "Upload" still not appear.

OK, I'm not surprised. I'm sure that my copy and paste is completely wrong and not enought.

 

How to reach the result below?

(image from http://docs.ckeditor.com/#!/guide/dev_file_browse_upload but is for php)

 

Regards

Top
Wed, 06/12/2013 - 09:07
(Reply to #7)
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

I guess that it's lost :-( ,

I guess that it's lost :-( , but I don't know anything about that spam filter

Top
Wed, 06/12/2013 - 09:16
(Reply to #8)
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

First:

First:

Remove the copy of CKFinder that you have placed inside CKEditor, it will only lead to confusion.

Then to the integration part:

CKFinder.setupCKEditor( editorObj, config[, imageType, flashType] )

This first line should throw an error in the JS console as you don't have an editorObj variable defined and anyway the rest of the syntax is incorrect.

CKFinder.setupCKEditor( null, '/ckfinder/' );

This isn't executed due to the previous syntax error, but if you already have a call to setupCKEditor, you don't have to call it twice. Remove the previous line and leave just this one

var editor = CKEDITOR.replace( 'editor1' );

It makes no sense at all to call CKEDITOR.replace inside the config file because the theory is that this file is loaded when the editor instance is being created, so it can't create it again from this point

 CKEDITOR.replace( 'editor1',
{
    filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
    filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?type=Images',
    filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?type=Flash',
    filebrowserUploadUrl : '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Files',
    filebrowserImageUploadUrl : '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Images',
    filebrowserFlashUploadUrl : '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Flash'
});

What to say?

at the very least you will get an error as with the previous CKEDITOR.replace and if you are using the automatic integration with CKFInder.setupCKEditor then you don't need to manually speciy the file browser urls.

CKEDITOR.replace( 'editor1',
{
    filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
    filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?type=Images',
    filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?type=Flash',
    filebrowserUploadUrl :
        '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Files&currentFolder=/archive/',
    filebrowserImageUploadUrl :
       '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Images&currentFolder=/cars/',
    filebrowserFlashUploadUrl : '/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Flash'
});

The same as above.

You should choose which integration method you want to use, but not all of them at once, and please, check the JS console for any errors that you get.

Top
Wed, 06/12/2013 - 09:44
Georgyboy
Georgyboy's picture
Joined: 07/06/2013
Posts: 8

.

Hi, i will let u know may i contact u in pvt?

 

 

 

 

 

 

 

 

 

 

 

Top
Wed, 06/12/2013 - 09:46
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

I don't know why you have

I don't know why you have edited your post, so I will quote it just to leave my last reply in this thread.

hahahaha Alfolnso you are the best...
but seriuosly, do a programm is not my work, but that you feel free to take
by the nose a potentially customer for me is not correct.   i dont see that
your licenses are only for expert person so fu i read only amount and that is
clear in every pages. if u are the only one that could be of help wbout the
matter we have a problem
 

Yes, certainly we have a problem if you are not a programmer and you're trying to use a tool aimed at developers.

I've pointed out line by line the problems that you have in the config file that you have used, explaining why they are wrong and how to fix them and you think that I'm not treating you correctly?

Sorry but I can't help you more, it's clear that I won't ever be able to explain the things in a way that satisfies you.

Top
Wed, 06/12/2013 - 10:41
(Reply to #11)
Georgyboy
Georgyboy's picture
Joined: 07/06/2013
Posts: 8

hey guy

first of all that was wrote before of your answer and like replay to your "lost post" against me. it's edited one second after the post, as you know when I was reading the technical replay. The cancellation was done to respect you, but you are so tired to understand it. BUT for sure now is more easy you don't help indeed.

 

So don't

change the position you are taking me by the nose... There is a after sales/prospect support? A e-mail, a team, person or after the payment the customer will be alone!  So money are good from the dummies, but the tool is only for developper... I think that is a your idea but not of the company too...

 

 

Top
Wed, 06/12/2013 - 10:52
Georgyboy
Georgyboy's picture
Joined: 07/06/2013
Posts: 8

at the end

 

Someone can help me using e.g. screenshot to clarify what, where and how modify.

Tks in advance

 

Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check