what is CKfinder? and How to setup CKfinder in a website?

CKFinder is an Ajax File Manager that seamlessly integrates with CKEditor. It makes it easy to securely include files and images to content created with the editor.
It takes nearly 5 minutes to complete setup:
  • Download CKEditor and CKFinder.
  • Put extracted code of both in one folder inside xampp as below Create index file (index.html) which will be containing the editor as below code.


<html>
<head>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
</head>
<body>
    <h1>CKEditor CKFinder Integration using PHP</h1>
    <textarea id="editor1" name="editor1" rows="10" cols="80"></textarea>
<script type="text/javascript">
var editor = CKEDITOR.replace( 'editor1', {
    filebrowserBrowseUrl : 'ckfinder/ckfinder.html',
    filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?type=Images',
    filebrowserFlashBrowseUrl : 'ckfinder/ckfinder.html?type=Flash',
    filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
    filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
    filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
});
CKFinder.setupCKEditor( editor, '../' );
</script>
</body>
</html>
so your folder structure will be something like this:

htdocs
|_integrated
    |_ckeditor
    |   |_config.js
    |   |_...
    |_ckfinder
    |   |_config.php
    |   |_...
    |_uploads
    |_index.html
Now open file config.php inside ckfinder & make following changes:

function CheckAuthentication() {
    return true;
}
$baseUrl = 'http://localhost/integrated/uploads/';
$enabled = true;
$config['SecureImageUploads'] = false;
$config['ChmodFolders'] = 0777 ;
Now open url http://localhost/integrated/ and try uploading image.

Comments

Post a Comment

Popular posts from this blog

Advantages and disadvantages of USE CASE diagram

ADVANTAGES The use cases are mainly composed of narrative text. Hence, unlike many other modeling techniques, the non technical stake holders (e.g. customers, end users, salesperson etc) are also able understand the model for the software system. This means that feedback can be obtained at a very early stage of the development from the customers and the end users. Another major advantage of use case modeling is that it requires the identification of exceptional scenarios for the use cases. This helps in discovering subtle alternate requirements in the system. The use case model can be utilized in several other aspect of software development as well, e.g. Cost Estimation, Project Planning, Test Case Preparation and User Documentation. The use case diagram provides a comprehensive summary of the whole software system in a single illustration. DISADVANAGES  They do not capture the non-functional requirements easily. There might be a learning curve for the developer and/or
Read more

Microsoft Toolkit 2.5.4 Windows and Office Activation

Image
Did you ever get in trouble for activation key of windows or office because that is already on the block? If the answer is yes, maybe Microsoft Toolkit can help you, if the answer is no, this article can be used as an additional information that may be useful in the days to come. So, the above problem can be solved by using one of the activation tools available in the market. Temporary  disable   your  Anti-Virus protection . ( Some of virus guard will never allow MS Toolkit to modify system registry and activate any Microsoft product !) Download Microsoft Toolkit 2.5.4 From  Here . Unzip and install. Choose the product you want to get activated and wait a few seconds. Restart your PC and enjoy a fully activated Office/Windows. Re enable your Anti-Virus protection. Why the toolkit? Microsoft toolkit is a combination of all activators. Auto KMS and EZ activator modules are built in to provide a perfect activation algorithm. Also toolkit support manually call activat
Read more

How to Set Up a Counter Strike LAN Game

Three Methods:Counterstrike 1.6CS:GOCS:Source If you've got a big LAN party coming up, or maybe an extra computer lying around the house, try turning it into a dedicated server for painless LAN gaming. Follow this guide to get your dedicated server running, and your LAN gaming underway. Ad Method 1 of 3: Counterstrike 1.6 1 Register for a dedicated server account on Steam. You will need to run your dedicated server from a separate account, or you will not be able to connect to your own server. You do not need to add any games to this account, the game files are not necessary to run the server. Ad 2 Install Half-Life Dedicated Server. This program can be found by clicking the Library menu in Steam, and selecting Tools from the dropdown menu. Browse the list for Half-Life Dedicated Server (HLDS). The server program will require about 750MB of hard disk space. Half-Life Dedicated Server is provided free, even if there are no Half-Life purchases on the account. 3 Run t
Read more