Ckeditor With Filebrowse And Upload In Php

Ckeditor With Filebrowse And Upload In Php

Now you can easily implement ckeditor  with image upload and browse  in PHP . For your php project we provide you CKEDITOR  code With KCFinder.

1. Step First Download CKeditor with KCFinder From Blew Link

And ckeditor folder opnen config.js and change Path of  base_url

/**
* @license Copyright (c) 2003-2017, CKSource – Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or http://ckeditor.com/license
*/
//change this url from ckeditor folder path
var base_url = “http://127.0.0.1/”;

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

config.filebrowserBrowseUrl = base_url+’ckeditor/kcfinder/browse.php?opener=ckeditor&type=files’;
config.filebrowserImageBrowseUrl = base_url+’ckeditor/kcfinder/browse.php?opener=ckeditor&type=images’;
config.filebrowserFlashBrowseUrl = base_url+’ckeditor/kcfinder/browse.php?opener=ckeditor&type=flash’;
config.filebrowserUploadUrl = base_url+’ckeditor/kcfinder/upload.php?opener=ckeditor&type=files’;
config.filebrowserImageUploadUrl = base_url+’ckeditor/kcfinder/upload.php?opener=ckeditor&type=images’;
config.filebrowserFlashUploadUrl = base_url+’ckeditor/kcfinder/upload.php?opener=ckeditor&type=flash’;

// 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’, ‘bidi’ ] },
{ name: ‘styles’ },
{ name: ‘colors’ },
{ name: ‘about’ }
];

// Remove some buttons provided by the standard plugins, which are
// not needed in the Standard(s) toolbar.
config.removeButtons = ‘Underline,Subscript,Superscript’;

// Set the most common block elements.
config.format_tags = ‘p;h1;h2;h3;pre’;

// Simplify the dialog windows.
config.removeDialogTabs = ‘image:advanced;link:advanced’;
};