Quivive File-Manager

Germany Great Britain (UK)
 
Manual
Shop
Service
PayPal
News Blog

Google+

CKEditor Inline Editing

Here is a example with CKEditor inline editing and integrated Quivive File-Manager plugin. Click into the box to edit the text with the Inline Editor. The appropriate source code is includet...

 

CKEditor Inline Editing

Click here to edit this text

Only a few lines of code and you can use Quivive File-Manager plugin as your alternative file browser.

Example script for CKEditor Inline Editing:

<!-- Quivive File-Manager -->

<div contenteditable="true" id="editable" style="border: 1px solid blue;"><h3>CKEditor Inline Editing</h3>
Klicken Sie hier um diesen Text zu bearbeiten</div>

<script type="text/javascript" src="Editor/ckeditor/ckeditor.js"></script><script type="text/javascript">
CKEDITOR.disableAutoInline = true;
var editor = CKEDITOR.inline('editable',{
skin : 'moono',
resize_enabled : false,
removePlugins : 'elementspath',
toolbar : [ { name: 'basicstyles', items : [ 'Bold','Italic','Image' ] }, { name: 'paragraph', items : [ 'NumberedList','BulletedList' ] }, { name: 'tools', items : [ 'Maximize' ] } ] ,
language:'de',
startupFocus : false,

filebrowserBrowseUrl : 'Quivive/Quivive-File-Manager.php?filemanager=CKE',
filebrowserImageBrowseUrl : 'Quivive/Quivive-File-Manager.php?filemanager=CKE&amp;ffilter=image',
filebrowserImageWindowWidth : '1024',
filebrowserImageWindowHeight : '600',

width:'100%',
height:300
});
</script>

<!-- End Quivive File-Manager Code -->

Hint: Do no forget to edit the path to Quivive File-Manager and CKEditor!

You can find and download the latest version of CKEditor on http://ckeditor.com/.