Redactor: Sticky-Symbolleiste funktioniert nicht

Erstellt am 23. Jan. 2018  ·  26Kommentare  ·  Quelle: craftcms/redactor

Die Sticky-Symbolleiste funktioniert nicht, sodass es fast unmöglich ist, große Inhaltsblöcke zu verwalten, bei denen Sie auf der Seite zurückscrollen müssen, um Formatierungen anzuwenden oder Bilder einzufügen usw.

bug

Hilfreichster Kommentar

@brandonkelly Ich und andere, wie @billythekid, haben das gleiche Problem auch in Craft 2 bemerkt

Alle 26 Kommentare

Um dies hinzuzufügen - die Einstellung ToolbarFixed in der Redactor-Konfigurationsdatei funktioniert nicht. Obwohl ich bemerkt habe, dass (scheinbar zufällig) eine der Symbolleisten gesperrt wird und die Kopfzeile des Bearbeitungsbildschirms überlappt (selbst wenn ich aus dem Redactor-Feld scrolle, bleibt sie bestehen - wenn ich auf etwas in der Symbolleiste klicke, komme ich zurück zu diesem Redactor-Feld):
redactor-bug

Dies ist ein echter Schmerz für einige Kunden, die lange Textteile zum Bearbeiten veröffentlichen, wie wir ihnen gezeigt haben. Vor allem, wenn die Bearbeitung der Redactor-Konfiguration die Einstellungen von Craft nicht überschreibt. Es scheint, dass die 'Überschreibungen' in den Redactor-Konfigurationsdateien einige, nicht alle Einstellungen nicht überschreiben können.

Scheint in Craft 2 und 3 kaputt zu sein (nach dem Slack-Chat), aber ich vermute, es war die Verbesserung in 2.6.3004, die es unbrauchbar gemacht hat.

Hallo allerseits! Ich hatte das gleiche Problem und eine vorübergehende Lösung kann über CSS und das Verbinden einer ausführbaren Datei im Verwaltungsbereich vorgenommen werden. Nachfolgend der Code:

.redactor-layer {
z-Index: 101 !wichtig;
Rahmen oben: 0 !wichtig;
}
.eingabe .redactor-toolbar {
Position: klebrig !wichtig;
border-bottom: 1px solid #e3e5e8 !important;
z-Index: 102 !wichtig;
Hintergrund: #fff !wichtig;
}

.elementselektormodal {
z-Index: 1052 !wichtig;
}

image

@brandonkelly Ich wollte nur überprüfen, ob dieses Problem in C2 sowie in C3 behoben wird.

@zizther dieses Problem betrifft nur das Redactor-Plugin in Craft 3. Das Rich-Text-Feld in Craft 2 unterstützt die Sticky-Symbolleiste.

@brandonkelly Ich und andere, wie @billythekid, haben das gleiche Problem auch in Craft 2 bemerkt

Habe gerade bemerkt, dass es funktioniert, aber nur am mobilen Haltepunkt.
Und es hängt mit JS zusammen, da position:fixed in das Element eingefügt wird.

Ja, bei mir ist auch Craft 2 und 3 kaputt.

Es tut mir leid, ein geschlossenes Problem kommentieren zu müssen, aber ich kann die fixierte Redactor-Symbolleiste immer noch nicht in Craft 3 zum Laufen bringen.

Hier sieht man, dass es nicht oben klebt :

Und hier sehen Sie, dass ich in beiden Konfigurationsdateien ToolbarFixed auf true gesetzt habe: https://img.lukepeters.me/07202018fd0g0.png

@LukePeters Welche Plugin-Version verwendest du?

@andris-sevcenko Redactor Version 2.1.2, installiert über den Plugin Store.

@LukePeters ist es möglich, auf die Website zuzugreifen, auf der Sie das sehen? Wenn ja, können Sie es per E-Mail an

@LukePeters Danke! Gerade 2.1.3 veröffentlicht, das dieses Problem behoben hat!

@andris-sevcenko die Sticky Toolbar funktioniert bei mir immer noch nicht. Ich habe dies in den neuesten Versionen von Chrome, Firefox und Safari getestet.

Ich fürchte auch, mit 2.1.3.

@lukeyouell 2.1.3?

@mattandrews eine Chance, auf die Site zuzugreifen, auf der Sie das sehen? Gleiches Angebot wie oben - Zugang zu [email protected] senden

Ich fürchte, ich kann das nicht arrangieren (Unternehmensrichtlinien usw.), aber ich habe die Änderungen in Ihrem Fix hier manuell angewendet und es sieht so aus, als ob es funktioniert!

@mattandrews Es ist für die nächste Version (v2.1.4 wahrscheinlich) behoben, die bald kommt.

Arbeitet immer noch nicht am einspaltigen Layout.

@KatieMFritz welche

Craft Pro 3.3.13
Redaktor 2.4.0

Erleben Sie dies in Craft Pro 3.3.15 und Redactor 2.4.0. Wird in einem Matrixfeld verwendet.

Bearbeiten : Scheint zu funktionieren, es sei denn, die Live-Vorschau ist geöffnet, dann nicht.

Ich verwende das neueste Handwerk und den neuesten Redactor aus dem Plugin-Store und "toolbarFixed": true funktioniert bei mir auch nicht :(

Außerdem bin ich mir nicht sicher, ob das zusammenhängt oder nicht, aber auch das "Kontextmenü" beim Klicken auf einen Link wird außerhalb des Bildschirms angezeigt, dh Sie müssen nach oben scrollen, um es zu sehen, aber es sieht so aus, als würde nichts passieren, wenn Sie auf a klicken Link (Lange Inhalte bezogen).

Arbeitet an meinem Ende, scheint aber nur zu wirken, wenn die Symbolleiste über das gesamte Fenster gestiegen ist, nicht nur über den Header der klebrigen Seite.

Ja, ich bin mir nicht sicher, warum, aber ich habe das Problem gerade umgangen, indem ich das CP-CSS-Plugin verwendet und das CSS für die Symbolleiste überschrieben habe, um es zu positionieren: sticky und springe zwischen den beiden Top-Werten für die beiden verschiedenen Medienabfragen:

div.redactor-toolbar-wrapper {
    position: sticky !important;
    top: 60px !important;
    background: #fff;
    z-index: 11 !important;
}
<strong i="6">@media</strong> screen and (max-width: 975px) {
    div.redactor-toolbar-wrapper {
        top: 114px !important;
    }
}

@RickKukiela Stellen Sie sicher, dass Sie die neuesten Versionen von Craft und Redactor verwenden.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

sandissauka picture sandissauka  ·  16Kommentare

diluno picture diluno  ·  3Kommentare

stenvdb picture stenvdb  ·  16Kommentare

jsunsawyer picture jsunsawyer  ·  15Kommentare

lindseydiloreto picture lindseydiloreto  ·  10Kommentare