WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 25.09.2017 15:42:16

isd17
Member

[Erledigt] CK Editor Toolbar anpassen

Ich komme vom Websitebaker -Projekt und bin begeistert und erleichtert, dass es hier nun weiter geht. Danke dafür.

Ich habe mich hier im Forum eingelesen, bekomme es aber nicht hin, so wie früher über die wb_config.js die Toolbar des CKEditors anzupassen.
Ich abe WBCE 1.2 mit CKEditor 4.7.3 als Developer Edition installiert. Funktioniert auch soweit, aber ich verstehe nicht, wie man die Toolbar nun anpassen kann. Ich möchte gerne einige der Schaltflächen ausblenden.

Kann mir bitte jemand einen Tipp geben?
Eigentlich müsste ich doch die wb_config.js dazu verwenden. Oder ist das der falsche Weg?

Offline

#2 25.09.2017 16:17:10

bernd
Developer

Re: [Erledigt] CK Editor Toolbar anpassen

Mit einer wb_ckconfig.js (siehe auch die readme-faq.txt in /modules/ckeditor_dev/wb_config) im Templateverzeichnis klappt das bei mir einwandfrei.


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#3 26.09.2017 09:13:25

isd17
Member

Re: [Erledigt] CK Editor Toolbar anpassen

Oh danke, funktioniert. War mir neu, dass der "wb_config"-Ordner zu "editor" umbenant werden muss im Template-Verteichnis.

Früher habe ich über .cke_combopanel die breite der Dropdown für die Schriften im Editor anpassen können. Das gelingt mir nun auch nict mehr.
Hat da noch jemand einen Tipp? Vielen Dank.

Offline

#4 26.09.2017 09:21:58

colinax
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

isd17 wrote:

Früher habe ich über .cke_combopanel die breite der Dropdown für die Schriften im Editor anpassen können. Das gelingt mir nun auch nict mehr.

Kann es auch nicht da der Schriften Button standardmäßig aus der Oberfläche entfernt wird.

Über die include.php (Zeile 121) kann der Button wieder eingeblendet werden.

Hat es einen bestimmten Grund warum du den Schriften Button brauchst?

Offline

#5 26.09.2017 11:06:27

isd17
Member

Re: [Erledigt] CK Editor Toolbar anpassen

Sorry, falsch ausgedrückt. Ich meinte das Dropdown für die Überschriften. Also den mit H1, H2, H3 usw.

Offline

#6 26.09.2017 11:48:05

colinax
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Das .cke_combopanel steuert die Ausgabe für screen_reader.

Ein einzellnes (bestimmtes) Dropdown Menü lässt sich nicht ansprechen, da gibts nur alle oder keines (was auch erlich gesagt Sinn macht).

Was möchtest du mit dieser Anpassung/Änderung bewirken?

Edit: Damit das testen über die Konsole funktioniert, muss der korrekte Quellcode vorhanden sein, der CKE läd nur den jeweils benötigen Code rein.

Last edited by colinax (26.09.2017 20:13:55)

Offline

#7 26.09.2017 15:30:07

isd17
Member

Re: [Erledigt] CK Editor Toolbar anpassen

Ich hätte die Dropdowns gerne breiter, weil ich die Überschriften dort formatiert anzeigen will.

Das sieht derzeit so aus wie im Anhang zu sehen

Last edited by florian (26.09.2017 15:46:12)

Offline

#8 26.09.2017 15:33:29

colinax
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Kannst du bitte das Bild ins Forum hochladen.

Ich kann dein Bild sonst ohne Authentifizierung nicht öffnen.

Offline

#9 26.09.2017 15:47:57

florian
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

@isd17
Fehlerhaften Bildlink gelöscht. Bitte verwende die Anhang-Funktion hier im Forum - dazu nicht das Schnellantwortfeld verwenden, sondern auf "Beitrag schreiben" klicken bzw. den verfassten Beitrag über die Schaltfläche "Bearbeiten" bearbeiten.

Ich kriege hier gerade schon irritierte Mails von Nutzern wegen dieser Passwort-Eingabemaske, sowas geht überhaupt nicht!


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#10 26.09.2017 16:45:21

isd17
Member

Re: [Erledigt] CK Editor Toolbar anpassen

Ich habe das Bild so eingebunden, weil ich die Amhamg Funktion über den Schnellantwort-Button nicht gefunden habe.
Das mit dem Passwort war keine Absicht, sondern ein Versehen. Sorry.

Hier nochmal der Anhang...

Offline

#11 26.09.2017 17:32:40

colinax
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Dieses Verhalten ist normal, es wird vom Theme und der editor.css verursacht.

Sobald du die h1 anpasst ändert sich entsprechend auch andere H1 Elemente.

So wie es am Bild aussieht hast du der h1(über die editor.css) eine Font-size von ca. 40px verpasst.

Offline

#12 26.09.2017 18:20:01

florian
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Ich glaube, der TO wollte wissen, wie man die Breite der Dropdowns erhöhen kann, eben weil die Überschriftformatierungen so groß sind. Das Problem habe ich bisweilen auch.
Was Google bzw. Stackoverflow an Lösungen hergibt, funktioniert allerdings nicht (mehr).
https://www.google.de/search?q=ckeditor+combo+width


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#13 26.09.2017 20:09:36

colinax
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

So ich habe jetzt mal rum probiert, mit dem CSS Code:

.cke_combopanel { width: 200px !important; }

kann ich die Länge der Dropdown Liste anpassen, das wichtige daran ist das !important damit es (vom CKE) nicht mehr überschrieben wird.

Offline

#14 26.09.2017 22:17:28

florian
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Hmja, das ist schon ganz gut, aber das Auswahlfeld selbst bleibt schmal - es ginge ja wenn darum, denke ich mal, die Lesbarkeit in der Ausklappliste zu erhöhen.
attachment.php?item=1079&download=1


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#15 26.09.2017 22:29:21

colinax
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

verwendet du hier Chrome?

Bei mir im FF (Bild) und Chrome ändert sich die Breite des Auswahlfeldes:

attachment.php?item=1080&download=1

Offline

#16 26.09.2017 22:34:03

florian
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Eigenartig. Bei mir in FF nicht, aber in Chrome schon.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#17 27.09.2017 21:18:58

isd17
Member

Re: [Erledigt] CK Editor Toolbar anpassen

Bei mir geht es im FF auch nicht. Früher habe ich das immer über .cke_combopanel angepasst.
Geht aber jetzt nicht mehr.

Offline

#18 27.09.2017 23:24:30

colinax
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Der Code stimmt Ja, man weis nur nicht warum dieser nicht immer funktioniert.

@isd17: Um genauer zu werden seit Wann geht der Code bei dir nicht mehr?

@florian: Du könntest mir nicht zufällig Bilder der Inspektor-Ansicht vom Button und Auswahlfeldes schicken?

@Beide: Verwendet ihr das FF Firebug Plugin? Wenn ja bitte löschen, das Plugin ist seit ca. FF 47 inkompatible zu FF.

Offline

#19 29.09.2017 07:51:53

florian
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Seit/nach dem Update auf FF 56 klappt's jetzt auch in Firefox. thumb_up
Das Firebug-Plugin benutze ich nicht.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

Liked by:

colinax

#20 06.11.2020 17:39:35

isd17
Member

Re: [Erledigt] CK Editor Toolbar anpassen

Hallo,
ich habe bei der aktuellen 1.4.5 Version wieder exakt das gleiche Problem. Ich möchte gerne das Dropdown im CKEditor in der Breite anpassen. Es funktioniert aber nicht.
Gibt es dafür irgendwo eine verständliche Anleitung?

Offline

#21 30.11.2020 12:55:08

isd17
Member

Re: [Erledigt] CK Editor Toolbar anpassen

Hat das irgendeiner hinbekommen, dass auch der Firefox die Comboboxen des CK-Editors breiter anzeigt.
Es werden immer nur die Boxen, aber nicht die Dropdown-Felder breiter engezeigt.
In Chrome und Co. geht es.

Das hier in der editor.css funktioniert beim Firefox leider nicht.

.cke_combopanel {
    width: auto !important;
    max-width: 600px !important;
    height: 400px !important;
}

.cke_combo__styles > a > .cke_combo_text {
    width: auto !important;
    max-width: 240px !important;
}

Offline

#22 30.11.2020 13:24:54

florian
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Füge in der wbce_flat_theme/css/theme.css* ganz am Ende ein

.cke_combopanel {
    height: 170px;
    width: 180px !important;
}

Ergebnis dann wie im Anhang.

* Falls Du eines der anderen BE-Themes verwendest muss die Anpassung im entsprechenden Stylesheet des jeweiligen Themes erfolgen.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#23 30.11.2020 14:15:00

isd17
Member

Re: [Erledigt] CK Editor Toolbar anpassen

Geht nicht. Zeigt keine Auswirkung. Auch nicht nach Cache löschen und neu laden.
Ich bin genervt.
Das Problem habe ich immer und immer wieder. Manchmal habe ich es hinbekommen und in einer neuen Version geht es dann wieder nicht.
WBCE 1.4.5 und CKEDitor 4.15.0

Offline

#24 30.11.2020 14:22:00

florian
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Welches Backend-Theme verwendest Du?

Beim Fraggy ist es die /templates/fraggy-backend-theme/css/style.min.css (! nicht die style.css - die wird gar nicht verwendet!).
Da einfach am Ende in eine neue Zeile einfügen.
attachment.php?item=2709&download=1
Hat natürlich den Nachteil, dass es bei Fraggy-Updates wieder überschrieben wird.

Und doch, das funktioniert. Nachfolgende Ansicht ist nicht gephotoshoppt.
attachment.php?item=2710&download=1

Last edited by florian (30.11.2020 14:31:05)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#25 30.11.2020 22:43:46

colinax
Administrator

Re: [Erledigt] CK Editor Toolbar anpassen

Ich hab die beiden Threads zusammengefügt.

Prinzipiell CSS Code hört nicht einfach so auf, zu funktionieren.

Wie hier im Thread bereits erwähnt funktioniert der Code, nur der Firefox mag manchmal nicht, und das Caching des CKE ist teilweise auch nicht ohne.

Isd17 wrote:

Das Problem habe ich immer und immer wieder. Manchmal habe ich es hinbekommen und in einer neuen Version geht es dann wieder nicht.

Was ist den genau mit " in einer neuen Version" gemeint, WBCE, CKE oder Firefox?

Wie hast du WBCE aktualisiert, einfach drüber kopiert oder doch die geänderten Dateien gesichert und in die neue WBCE Version eingepflegt und hochgeladen oder WBCE hochgeladen und die geänderten Dateien nachträglich hochgeladen?

Offline

Board footer

up