JCE-Editor: Absatz und Zeilenlänge ändern

Hi Leute
Ich benutze den JCE-Editor. Leider ist die Absatzlänge falsch, d.h. ca. 1.5 oder gar doppelt pro Enter-Eingabe. Wie kann ich den Absatz verändern?

Des weiteren ist es so, dass die Zeilenlänge nahezu ins unendliche geht, und nicht, wie zum Beispiel bei diesem Editor hier, einfach am Ende des Editor-Kästchens auf der rechten Seite automatische eine neue Linie beginnt. Wie kann ich das ändern???

Danke für die Hilfe.

Hoi

snooze schrieb: Ich benutze den JCE-Editor. Leider ist die Absatzlänge falsch, d.h. ca. 1.5 oder gar doppelt pro Enter-Eingabe. Wie kann ich den Absatz verändern?

Du kannst im JCE einstellen, was er machen soll wenn jemand die Einagbetaste drückt. Als Standard ist Absatz definiert, in HTML also <p></p>. Nun kannst du in einer CSS-Datei festlegen, wie hoch eine <p> Zeile sein soll.

Du könntest im JCE aber auch einstellen, dass er beim Drücken der Eingabetaste einen Zeilenumbruch <br> einfügt. Auch dessen Höhe kannst du in CSS festlegen.

snooze schrieb: Des weiteren ist es so, dass die Zeilenlänge nahezu ins unendliche geht, und nicht, wie zum Beispiel bei diesem Editor hier, einfach am Ende des Editor-Kästchens auf der rechten Seite automatische eine neue Linie beginnt. Wie kann ich das ändern???

Das ist kurios. Den JCE habe ich schon bei X Installationen im Einsatz, aber diesen Effekt hatte ich bisher noch nie *aufholzklopf*. Hast du noch irgend etwas spezielles installiert, zusätzliche Erweiterungen oder so? Zusätzliche CSS-Dateien im Einsatz?

Hi Patrick

Erstmals wieder vielen Dank für deine Hilfe!! Also, ich habe ausser jcomments, virtuemart und extravote keine weiteren Plugins/Komponenten. Ich habe der Editor nochmals getestet und dabei folgendes festgestellt:

Wenn ich normal schreibe, dann passiert am Ende der Zeilenumbruch automatisch. wenn ich aber beispielsweise das Wort (sinnloserweise - ich weiss) verlängere, etwa sooooooooooooooooo P

Das andere Problem mit dem Absatz: ich habe gesucht und gesucht, aber ich kann nirgends die CSS finden...??? ? ?? Könntest du mir kurz den Pfad angeben? Merci im Voraus!

snooze schrieb: ich habe gesucht und gesucht, aber ich kann nirgends die CSS finden...??? ? ?? Könntest du mir kurz den Pfad angeben? Merci im Voraus!

Das müsste in der template.css stehen. Diese Datei liegt in /templates/[Name von deinem Template]/css/

Je nach Template steht dort ev. nichts zu p drin. Dann kanst du zum Beispiel folgendes eintragen:

Leselektüre zu CSS: --ALTER LINK WURDE ENTFERNT--

Ich werde das versuche, obwohl ich es logisch nicht so nachvollziehen kann, denn: Ich möchte ja die Absatzlänge ändern, die im "JCE-Editor" auftritt. Ich dachte eher, dass ich hier im JCE-Editor irgendwo was ändern muss/kann, damit ich aus einem 1.5 Abstand beispielsweise einen 1.o Abstand hinkriegen kann. Warum muss ich hier den Abstand im Template definieren?? Bedeutet dies, dass je nach template der Absatz anders im Editor definiert ist? Sowieso frage ich mich, ob dies überhaupt "normal" ist, dass der Abstand 1.5 (oder 2.0) als Standart ist.... \

Wie hoch eine Zeile ist, das wird per CSS gesteuert und hat mit dem Editor nix zu tun. Der fügt den HTML-Tag <p> oder aber <br> ein. Was danach folgt (Aussehen und Höhe) ist dem Editor Wurscht... Das wird und muss via CSS gesteuert werden.

Was bei deiner Website in Bezug auf Zeilenhöhe Standard ist hängt von dem Template ab, das du verwendest. Dieses wiederum holt sich die Zeilenhöhe aus den CSS-Dateien und dort ist halt hinterlegt was der/die Erbauer vom Template hinterlegt haben...

Das war zum Thema Zeilenhöhe.

Wie lang (breit) ein Absatz ist, definierst du, indem du jeweils nach X Wörtern die Eingabetaste drückst, oder aber auch hier via CSS die Breite festlegst...

Alles klar. Ich habs ausprobiert, aber leider nicht mit dem gewünschten Resultat \

Ich hab in der template.css folgenden abschnitt gefunden und hierbei die letzte Linie wie du beschrieben hast ergänzt.

/* [editor] */
fieldset{font-size: 0.9em;}
table.adminform td, fieldset.metadata, fieldset{white-space: normal;}
td.mceToolbarTop, span.mceToolbarContainer{white-space: normal; text-align: center; position: static !important;}
td.mceToolbarTop a, td.mceToolbarTop a img{padding: 0px; margin: 0px; position: static !important;}
table.mceEditor, span.mceToolbarContainer, span.mceMenuButton{position: static !important;}
#content textarea, textarea#text, textarea.inputbox {width: 330px !important; overflow: auto;}
textarea#metadesc, textarea#metakey, input#created_by_alias{width: 250px !important; overflow: auto;}
p {line-heigh: 18px;}

Nun ist es so, dass ich zwar die Linienhöhe beim Cursor am Anfang der Linie (dieser gerade Strich der blinkt) länger oder kleiner wird, aber leider verändert sich dadurch der absatz nicht, ja noch nicht mal die Schriftgrösse. Der Absatz ist nach wie vor immer doppelt so gross. Ich finde dies sowieso merkwürdig. Ich bin mir sicher, dass es nicht immer so war....

Bitte um weitere Ideen/Hilfe, wie man dieses ärgerliche Problem beseitigen könnte.

line-height steuert die Zeilenhöhe. Schriftgrösse und Abstand zwischen den einzelnen Abschnitten sind etwas anderes. Du kannst den P auch noch mit margin und anderen tollen CSS-Eigenschaften ergänzen um jegliche Abstände, Schriftgrösse etc. zu ändern/anzupassen.

p {
line-height: 18px;
hier noch weitere Angaben falls gewünscht;
}

Unter dem CSS-Link findest du die verschiedenen Möglichkeiten

Da fehlt offenbar ein Eintrag in der CSS oder es ist einer zu viel drin. Wenn nicht automatisch umbrochen wird, dann liegt das in der Regel an einem fehlenden overflow:hidden; für dieses oder ein übergeordnetes Element. Dasselbe für den Abstand nach einem Absatz, das ist eine Definition im CSS für den p-Tag, meist ein padding(-bottom) oder margin(-bottom).

Patrick schrieb: Abstand zwischen den einzelnen Abschnitten sind etwas anderes.

Aber genau darum geht es mir ja. Ich habe mir deinem Link über die CSS-Befehle angeschaut (sehr gut übrigens), aber eben, wie man nun einen Zeilenabstand definiert, hab ich da nicht gefunden. Im Word heisst dies beispielsweise Zeilenabstand und ist standartmässig mit 1.0 definiert, so wie übrigens auch hier bei diesem Editor. Nur in meinem Editor kann ich Enter drücken, und der macht mir gleich einen doppelten Zeilenabstand, keine Ahnung warum. Und genau dies möchte ich beheben. Nur wie??? ??? ?