Verbesserung
Top-Thema
Detail
Wichtig
Detail
Beim Bearbeiten einer Seite kann man einen Text mit Code-Schnipsel so
(geht nicht, da nur Text) oder so
(geht nicht, wenn nach dem Schnipsel kein Content mehr folgt) markieren. Dabei gibt es keine Probleme.
Wenn man aber so
markiert, kopiert und irgendwo einfügt, sieht es so aus
Diese leere Zeile lässt sich nicht editieren und sieht wie ein leeres <div> in F12-View aus. Beim Versuch zu Speichern kann der folgende Fehler erscheinen
Das leere <div> enthält tatsächlich den Attributnamen aria-label.
Verbesserung
Codesnippets, die sich am Anfang oder Ende des Editors befinden, können aktuell z.T. nicht richtig kopiert werden. Ebenso ist das teilweise kopieren eines Snippets in manchen Browser (z.B. Chrome) nicht möglich. An einer Lösung arbeitet derzeit das CKEditor Team selbst, daher wird das hier nicht betrachtet. Dennoch werden Codesnippets aktuell falsch kopiert. Befindet man sich beim Kopieren im Edit Modus, dann werden auch nicht gewollte Bilder kopiert wie zum Beispiel das Drag & Drop Bild, das aber nicht zum Sourcecode selbst gehört und deshalb auch nicht eingefügt werden soll. Dass das aktuell passiert sieht man daran, dass zwei Meldungen zum erfolgreichen Upload angezeigt werden. Auch das DIV mit dem ungewollten aria-label ist eigentlich nur ein Teil der Highlighting Funktion des Editors und hat im Sourcecode nichts zu suchen, ergo soll so nicht kopiert werden. Daher wurde die API jetzt so umgestellt, dass Codesnippets erkannt, der tatsächliche Code extrahiert und dann erst eingefügt wird. Um das Highlighting kümmert sich dann wieder der Editor und das Snippet sieht genauso aus wie das Original, nur ohne dass ungewollter Highlighting Code im tatsächlichen Sourcecode landet.
Test
Ein Codesnippet im Edit Modus kopieren und einfügen. Es darf weder eine Meldung zum erfolgreichen Dateiupload erscheinen, noch darf beim Speichern eine Fehlermeldung bzgl. des aria-labels auftauchen.