CKEditor Ecosystem Documentation
Search
⚠️ WarningNightly documentation ahead. Switch to the stable editor documentation.
Home/CKEditor 5/API
Interface

CKFinderConfig (ckfinder)

@ckeditor/ckeditor5-ckfinder/src/ckfinder

interface
See source

The configuration of the CKFinder feature and its upload adapter.

ClassicEditor
	.create( editorElement, {
		ckfinder: {
			options: {
				resourceType: 'Images'
			}
		}
	} )
	.then( ... )
	.catch( ... );

See all editor options.

Filtering

Properties

  • openerMethod : String

    The type of the CKFinder opener method.

    See source

    Supported types are:

    • 'modal' – Opens CKFinder in a modal,
    • 'popup' – Opens CKFinder in a new "pop-up" window.

    Defaults to 'modal'.

  • options : Object

    The configuration options passed to the CKFinder file manager instance.

    See source

    Check the file manager documentation for the complete list of options.

  • uploadUrl : String

    The path (URL) to the connector which handles the file upload in CKFinder file manager. When specified, it enables the automatic upload of resources such as images inserted into the content.

    See source

    For instance, to use CKFinder's quick upload command, your can use the following (or similar) path:

    ClassicEditor
	.create( editorElement, {
		ckfinder: {
			uploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json'
		}
	} )
	.then( ... )
	.catch( ... );

    Used by the upload adapter.