Quivive File-Manager

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

Google+

CKEditor Inline Editing

Hier ist ein Besipiel für CKEditor Inline Editing mit integrierten Quivive File-Manager Plugin. Klicken Sie in den blauen Kasten um den Text im Inline Editor zu bearbeiten. Den Quellcode für die Integration in CKEditor finden Sie weiter unten...

 

CKEditor Inline Editing

Klicken Sie hier um diesen Text zu bearbeiten

Nur mit wenigen Zeilen Javascript können Sie Quivive File-Manager Plugin als alternativen File Browser verwenden.

Hier ein einfaches Beispielscript für 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 -->

Hinweis: Vergessen Sie bitte nicht die enstprechenden Pfade zu Quivive File-Manager und CKEditor anzupassen!

Die aktuelle Version von CKEditor können Sie bei http://ckeditor.com/ herunterladen.