Ungewollte Leerzeichen

[Ragin]

Hat alles funktioniert. Das Video ist sehr hilfreich
Wobei es von 2.13.0 auf 2.13.2 ja nicht so ein großer Sprung war.

R.

[Ragin]

Super. Dankeschön. 

R.

[hgs]

Ja, kannst du, das Verfahren ist seit der Version 2.12.x gleich geblieben.
Hab da mal vor "laaaaanger Zeit" ein Video zu gemacht.
Es hat also schon mit der sehr alten WB Version funktioniert. So ist es im Unterordner /DOCU beschrieben.

[Ragin]

Andere Frage, ich wollte ja das Update auf 2.13.2 r133 machen, finde im Downloadbereich allerdings keine Upgradeanleitung.

R.

[edit] Bzw, die "Upgrade" im Verzeichnis DOCU ist noch auf die Version 2.13.0 bezogen. Kann ich das trotzdem so machen?

[Ragin]

Dein Code ist vereinfacht so...

Danke. Werde ich Morgen mal mit beschäftigen.

Andere Frage, ich wollte ja das Update auf 2.13.2 r133 machen, finde im Downloadbereich allerdings keine Upgradeanleitung.
Die Forensuche lieferte auch keine Ergebnisse. Außer z.B. diesen Text von DarkViper:

"Allerdings frage ich mich immer wieder, wozu wir uns die Mühe machen und mit jeder Version eine Upgrade-/Installationsanleitung schreiben und mitliefern. Zusätzlich von hunderten von Forenbeiträgen zu diesem Thema.

Manuela"

(https://forum.websitebaker.org/index.php/topic,30537.msg212785.html#msg212785)

R.

[hgs]

Danke für die super Erleuterung und

Herzlich willkommen im Forum.

[sternchen8875]

seit meinem Update auf 2.13.0 r63 habe ich das Problem, das auch auf bestehenden Seiten ein Leerzeichen zwischen zwei verlinkten kleinen Grafiken (Pfeile "zurück" und "vor") eingefügt wird.

dein Bild 1: Auslöser sind die sogenannten WriterRules in der Konfiguration des Editors. Sie dienen der guten Lesbarkeit des Quellcodes im Editor. Für die technische Funktion des Quellcodes wäre es ausreichend, wenn der gesamte Quellcode in eine Zeile geschrieben wird. Damit ist er aber in einem Editor sehr schwer lesbar. Um das abzuändern, hat der CKEditor die Möglichkeit, für jedes HTML-Element (h1 - h7, p, div usw) Regeln aufzustellen, die definieren, wie der Editor dieses Element darstellt. Das sind die WriterRules oder einfach, die Schreibregeln.
Festgelegt ist z.b. das vor und nach einem div-Block ein sog. LineBreak eingefügt wird, ein div beginnt also im Quellcode immer in einer neuen Zeile. Das gilt auch für einen p-Tag oder ein br.
In deinem Fall betrifft es einen img-Tag. Für diesen ist festgelegt, das im Quellcode vor einem img-Tag immer ein Zeilensprung bzw LineBreak gemacht wird. Der hat zur Folge, das vor dem zu formatierendem Element ein Leerzeichen eingefügt wird.
Das zur Frage, wo dieser Abstand herkommt.
P.S.: die WriterRules werden bei jeder Aktion im Editor durchlaufen, von daher nützt auch eine Code-Korrektur nichts, sie würde sofort überschrieben werden.

und er ist zusammen mit dem rechten Pfeil verlinkt:

Dein Code ist vereinfacht so
<A-Tag Opener><IMG-Tag Opener></A-Tag Closer><A-Tag Opener><IMG-Tag Opener></A-Tag Closer>
Nun fügt die WriterRule ein Leerzeichen ein, welches aber nach dem A-Tag Opener eingefügt wird, also
<A-Tag Opener><Leerzeichen><IMG-Tag Opener></A-Tag Closer>
Das Leerzeichen ist somit Teil des Links und wird im Editor als blauer Unterstrich dargestellt, ist im Ausgabetext bzw Frontend nicht sichtbar, der Link funktioniert aber schon beim Überfahren der Leerstelle zwischen beiden Bildchen.


Wie löst man das Ganze? Durch Änderung der WriterRules-Konfiguration in der wb_ckconfig.js im Ordner modules/ckeditor/wb_config

in meiner (aktuellsten) Version wäre das beginnend in Zeile 364, ggf bei dir auf Grund der unterschiedlichen Version ein paar Zeilen rauf oder runter

Code Select Expand

    writer.setRules( 'img',
    {
        // Indicates that this tag causes indentation on line breaks inside of it.
        indent : false,
        // Insert a line break before the <img> tag.
        breakBeforeOpen : true,
        // Insert a line break after the <img> tag.
        breakAfterOpen : false,
        // Insert a line break before the </img>> closing tag.
        breakBeforeClose : false,
        // Insert a line break after the </img> closing tag.
        breakAfterClose : false
    });

exakt geht es um diese Zeile hier: 

Code Select Expand

breakBeforeOpen : true,
mit true wird der LineBreak eingefügt, mit false eben nicht.
Also in besagter Zeile von true auf false ändern, abspeichern, Browsercache löschen - funktioniert.

Wenn das in deiner alten Installation anders war, waren dort die writerRules anders definiert, entweder im a-Tag oder im img-Tag.

Nicht vergessen, eine Änderung in dieser Datei (siehe angegebener Pfad) wird bei einem nächsten Update wieder überschrieben. Abhilfe wäre eine eigene Version dieser Datei im jeweiligen Frontend-Template-Ordner ( erfordert Umschaltung in der include.php des CKEditors von false auf true in dieser Zeile hier:

Code Select Expand

$bWbConfigSetting = false;

Nebenwirkung: die Quelltextansicht wird dann weniger übersichtlich. Mit zwei Bildern mag das kein Problem sein, bei einer Galerie dann sehr wohl.

[Ragin]

Hallo, also entweder hast du das Problem schon gelöst oder es ist keins.
Ich sehe weder im Firefox noch im Chrome diesen Unterstrich zwischen den Pfeilen.

Korrekt ist, dass der Editor zwischen zwei Links einfach ein Leerzeichen produziert.
Wo kann ich leider nicht sagen, aber allgemein sollte da noch viel mehr Platz zwischen sein.
Links so dicht nebeneinander zu platzieren ist nicht mehr üblich (u.a. wegen Wurschtfinger lul).

Moin,

nein, das Problem ist noch nicht gelöst.

Wie ich Oben schrieb, ist der Unterstrich nur im Editor beim WYSIWYG-Modus zu sehen. Nicht, wenn man die Webseite aufruft.
Was mich stört, ist der Abstand zwischen den beiden kleinen Grafiken. Auf den hunderten alten Seiten bei meiner Webseite ist er nicht da, nur jetzt bei den neuen, oder bearbeiteten.
Das mit den Wurschtfingern stört mich nicht, da meine Seite eigentlich nur für PC und Laptop gedacht war 

Trotzdem danke für die Antwort.

R.

[Ragin]

Moin
zu deinen "komischen Zeichen", die du auf der Startseite im 1. Absatz entschuldigst, ist das Forum voll von Tipps um sich dem Problem zu erledigen.
Siehe z.B. hier-->
Windows ist da in keinster Weise im Spiel.
Dann wäre ein update meine Empfehlung, aktuelle Version gibt es hier-->

Moin und danke für die Antwort.

Dein Link zur Problemlösung löst nicht das, was ich meine.
Das Sonderzeichenproblem hatte ich auch, und genauso gelöst, mit immer wieder exportieren und importieren der Datenbank. Bin aber noch nicht ganz durch.

Mich stört, dass zwischen den beiden verlinkten Grafiken immer wieder ein Leerzeichen eingefügt wird. Selbst wenn ich eine alte Seite öffne, und sie wieder speichere.
Wird wohl so sein, wie dbs das in seiner Antwort beschrieben hat.

Ein Update werde ich dann auch machen, wobei ich nicht glaube, dass sich dann etwas ändern wird.

Achso, was ich ganz vergessen hatte zu erwähnen, ich musste auf 2.13.0 updaten, weil mein Provider die PHP-Version geändert hatte. Da lief 2.8.1 nicht mehr 

R.

[dbs]

Hallo, also entweder hast du das Problem schon gelöst oder es ist keins.
Ich sehe weder im Firefox noch im Chrome diesen Unterstrich zwischen den Pfeilen.

Korrekt ist, dass der Editor zwischen zwei Links einfach ein Leerzeichen produziert.
Wo kann ich leider nicht sagen, aber allgemein sollte da noch viel mehr Platz zwischen sein.
Links so dicht nebeneinander zu platzieren ist nicht mehr üblich (u.a. wegen Wurschtfinger lul).

[hgs]

Moin
zu deinen "komischen Zeichen", die du auf der Startseite im 1. Absatz entschuldigst, ist das Forum voll von Tipps um sich dem Problem zu erledigen.
Siehe z.B. hier-->
Windows ist da in keinster Weise im Spiel.
Dann wäre ein update meine Empfehlung, aktuelle Version gibt es hier-->

[Ragin]

Moin,

seit meinem Update auf 2.13.0 r63 habe ich das Problem, das auch auf bestehenden Seiten ein Leerzeichen zwischen zwei verlinkten kleinen Grafiken (Pfeile "zurück" und "vor") eingefügt wird.

Im Quelltext sieht das dann so aus (irgendwie funktioniert das mit dem Foto einfügen nicht, deswegen der Direktlink):

http://grosssteingraeber.de/media/Fotos/Fehler_1.png

Im WYSIWYG Modus im Editor ist es als blauer Unterstrich dargestellt, und er ist zusammen mit dem rechten Pfeil verlinkt:

http://grosssteingraeber.de/media/Fotos/Fehler_2.png


im Frontend ist es nicht zu sehen, nur dass die beiden Pfeile nicht mehr direkt nebeneinander sind.

http://grosssteingraeber.de/seiten/daenemark/juetland/tustrup-graeberfeld.php

Egal, ob ich das lösche, nach dem speichern ist es wieder da.

Betriebssystem ist Windows (der Fehler tritt bei Windows 7, 10 und 11 gleichermaßen auf.

R.