4. September 2010 - 17:50
In regelmässig unregelmässigen Abständen habe ich immer wieder mal über Drupal 7 berichtet. Mein eigentlicher Plan war eigentlich, mit den Drupal 7 Posts und...
24. August 2010 - 7:21
Ein paar spannende Zahlen und Fakten rund um das Internet.  Via: MBA Online Wer das Bild ebenfalls auf seinem Blog oder seiner Seite einbinden möchte, kann dies...
6. August 2010 - 14:14
Jeder kennt das Problem mit den Breadcrumbs in Drupal. Da stimmt immer alles und irgendwann siehst du eine Seite, bei welchen diese Breadcrumbs nicht mehr stimmen. Entweder...

Installation des WYSIWYG Editors CKEditor in Drupal

DruckversionSend to friendPDF Version

Inspiriert durch Weris Blog Eintrag "Wechsel zu CKEditor", habe ich meine FCKEditor durch den neueren CKEditor ersetzt. Selbstverständlich gibt es auch für diesen Editor ein Drupalmodul. Warum eigentlich? Der FCKEditor wurde 2003 das erste mal veröffentlicht und 2009 gibts den neuen Nachfolger CKEditor, welcher komplett überarbeitet und einige neuen Features hinzugefügt worden. Gerade für einen Drupal Neuling kann es eine kleine Hürde sein, den Editor zu installieren, darum hier ein kleines Tutorial.

 

Tutorial

Als erstes musst du zuerst das Drupalmodul runterladen und anschliessend den eigentlichen CKEditor:

Nun muss zuerst das Drupalmodul entpackt und abgelegt werden. Im neuen CKEditor befindet sich ein Ordner "ckeditor" mit einem File namens "COPY_HERE.txt" und genau in dieses Verzeichnis müssen die Ordner und Dateien des zweiten Downloads, des eigentlichen CKEditor, entpackt werden. Dies war schon fast der wichtigste Schritt. Nun einfach noch das Modul hochladen ins sites/modules Verzeichnis.

Hast du schon den FCKEditor installiert, dann deaktiviere im gleichen Zug wie du den CKEditors aktiverst. Die Einstellungen werden gleich mit übernommen.

 

Konfiguration

Sobald der CKEditor aktiviert wurde, kann er auch so gleich verwendet werden, ohne Wechsel von Einstellungen. Den noch gibt es einige praktische Einstellungen.
 

Oberfläche verändern:
Man kann ganz einfach die Oberfläche des Editors verändern. So musst du in den Settings des Editors das Default Profile öffnen und die Sektion Editor-Darstellung öffnen. In diesen Einstellungen kannst du unter anderem wählen, ob der Editor in einem PopUp geöffnet werden soll. Auch kannst du dort unter Oberfläche und Farbe der Benutzeroberfläche das Aussehen des Editors verändern.

ckeditor2_0.jpg

Am gleichen Ort kann auch noch die Standardsprache eingestellt werden (weiter unten).
 

Wichtig Einstellung:
Eine andere wichtige Einstellung ist die des Hintergrundes des Editors. Mit den Standardeinstellungen, erscheint im CKEditor derselbe Hintergrund wie du auf deiner Webseite hast, dies kann sehr unschön und unpraktisch sein. Am gleichen Ort in der Sektion CSS-Einstellungen im Dropdown Editor-CSS kannst du jetzt ein beliebiges CSS auswählen bzw. den Pfad dazu Einstellen oder wählst den Punkt CKEditor Standard aus.

ckeditor3_0.jpg

Selbstverständlich gibt es noch einige Einstellungen mehr für den CKEditor aber ich denke mit dem oben erwähnten, kannst du den Editor gut verwenden. Doch etwas wichtiges gibt es noch. Nicht vergessen, den Rollen die auf den Editor zu greifen sollten, müssen natürlich noch die entsprechenden Berechtigungen vergeben werden.

That's all. Ich hoffe diese kleine Tutorial konnte dir ein wenig helfen.

Noch keine Bewertungen

Kommentare

IMCE - mehrere Dateien uploaden.

Hallo,

zunächst danke für deine Tutorials - sind einfach spitze. Ich komme immer wieder gerne auf deine Seite.

Ich habe noch eine Frage. Leider konnte ich nirgendwo eine Antwort finden.

Wie kann ich mit IMCE gleichzeitig mehrere Dateien uploaden?

Danke und Gruss

Mike

Dankeschön

Hallo Mike

Ich glaube IMCE lässt dies gar nicht zu. Konnte auf die Schnelle auch nichts finden im Netz und mir selber ist ebenfalls nicht bekannt.

Sollte jemand eine Lösung kennen, wäre ich ebenfalls daran interessiert ;-)

Gruss
RedPanda

IMCE - mehrere Dateien uploaden.

Danke trotzdem.

Ich habe soeben ein interessantes Modul gesehen. Was dich vielleicht
auch interessieren könnte.

http://kcfinder.sunhater.com/

Ist so was schwierig einzubinden?
Wo muss ich Änderungen vornehmen.
Wie kann ich den CKeditor anpassen, bei dem Editor kann mann ja auswählen, IMCE oder CKFINDER.

Danke und Gruss

Mike

Feine Berechtigungen für Knöpfe?

Hi Michi,

danke für das Tutorial. Vor einer ganzen Weile habe ich mir den CKEditor auch angeschaut - wollte ihn unter anderem schon wegen des schicken Äußeren einbinden. Damals hatte ich allerdings keine feine Berechtigungs-Systematik bis in jeden einzelnen Knopf gefunden (wie ja beim FCKE). Hab ich da nur was falsch gemacht oder geht das wirklich nicht so gut wie beim FCKE...?

TinyMCE

Gibt es diese Berechtigungen nicht nur beim TinyMCE Editor? Ich mag mich nicht erinnern, dies mal beim FCKEditor gesehen zu haben. Beim FCKE und CK kannst du diese Einstellungen jeweils im Konfigfile anpassen, nicht aber über ein schickes UI.

Hier findest du etwas, wie solche Buttons dargestellt werden können.

Gruss
Michi
 

Wysiwyg

Hmm, ich glaube mit dem WYSIWYG-Modul geht das für den FCKEditor - http://drupal.org/project/wysiwyg

Das muß ich mir dann wohl noch einmal genau anschauen. Danke aber auf jeden Fall schon einmal für das Feedback.

Pingback

[...] 1. Juni 2010 - 0:27 von redpanda Vor einigen Tagen bzw. Wochen habe ich meinen WYSIWYG Editor vom FCKEditor durch den CKEditor ersetzt. Nun habe ich noch begonnen meinen Filebrowser, ich verwende den IMCE, ein wenig auzupimpen. Aus [...]

Pingback

[...] 1. Juni 2010 - 0:27 von redpanda Vor einigen Tagen bzw. Wochen habe ich meinen WYSIWYG Editor vom FCKEditor durch den CKEditor ersetzt. Nun habe ich noch begonnen meinen Filebrowser, ich verwende den IMCE, ein wenig auzupimpen. Aus [...]

Pingback

[...] 1. Juni 2010 - 0:27 von redpanda Vor einigen Tagen bzw. Wochen habe ich meinen WYSIWYG Editor vom FCKEditor durch den CKEditor ersetzt. Nun habe ich noch begonnen meinen Filebrowser, ich verwende den IMCE, ein wenig auzupimpen. Aus [...]