<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- * CKFinder * ======== * http://cksource.com/ckfinder * Copyright (C) 2007-2015, CKSource - Frederico Knabben. All rights reserved. * * The software, this file and its contents are subject to the CKFinder * License. Please read the license.txt file before using, installing, copying, * modifying or distribute this file or part of its contents. The contents of * this file is part of the Source Code of CKFinder. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CKFinder - Sample - CKEditor Integration</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="noindex, nofollow" /> <link href="sample.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/ckeditor/ckeditor.js"></script> <script type="text/javascript" src="../ckfinder.js"></script> </head> <body> <h1 class="samples"> CKFinder - Sample - CKEditor Integration </h1> <div class="description"> CKFinder can be easily integrated with <a href="http://ckeditor.com">CKEditor</a>. Try it now, by clicking the "Image" or "Link" icons and then the "<strong>Browse Server</strong>" button.</div> <p> <textarea id="editor1" name="editor1" rows="10" cols="80"></textarea> <script type="text/javascript"> // This is a check for the CKEditor class. If not defined, the paths must be checked. if ( typeof CKEDITOR == 'undefined' ) { document.write( '<strong><span style="color: #ff0000">Error</span>: CKEditor not found</strong>.' + 'This sample assumes that CKEditor (not included with CKFinder) is installed in' + 'the "/ckeditor/" path. If you have it installed in a different place, just edit' + 'this file, changing the wrong paths in the <head> (line 5) and the "BasePath"' + 'value (line 32).' ) ; } else { var editor = CKEDITOR.replace( 'editor1' ); editor.setData( '<p>Just click the <b>Image</b> or <b>Link</b> button, and then <b>"Browse Server"</b>.</p>' ); // Just call CKFinder.setupCKEditor and pass the CKEditor instance as the first argument. // The second parameter (optional), is the path for the CKFinder installation (default = "/ckfinder/"). CKFinder.setupCKEditor( editor, '../' ) ; // It is also possible to pass an object with selected CKFinder properties as a second argument. // CKFinder.setupCKEditor( editor, { basePath : '../', skin : 'v1' } ) ; } </script> </p> <div id="footer"> <hr /> <p> CKFinder - Ajax File Manager - <a class="samples" href="http://cksource.com/ckfinder/">http://cksource.com/ckfinder</a> </p> <p id="copy"> Copyright © 2007-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved. </p> </div> </body> </html>