Redactor: La barra de herramientas pegajosa no funciona

Creado en 23 ene. 2018  ·  26Comentarios  ·  Fuente: craftcms/redactor

La barra de herramientas adhesiva no funciona, por lo que es casi imposible administrar grandes bloques de contenido que implican tener que desplazarse hacia arriba en la página para aplicar formato o insertar imágenes, etc.

bug

Comentario más útil

@brandonkelly Yo y otros, como @billythekid, también hemos notado el mismo problema en Craft 2

Todos 26 comentarios

Para agregar a esto, la configuración de la barra de herramientas fija en el archivo de configuración de Redactor no funciona. Aunque he notado que (aparentemente al azar) una de las barras de herramientas se bloqueará, superponiendo el encabezado de la pantalla de edición (incluso si me desplazo fuera del campo Redactor, permanece; al hacer clic en cualquier cosa en la barra de herramientas, me devuelve a ese campo Redactor):
redactor-bug

Esto es una verdadera molestia para algunos clientes que publican largos fragmentos de texto para editarlos como se los mostramos. Especialmente cuando la edición de la configuración del redactor no anula la configuración de Craft. Parece que las 'anulaciones' en los archivos de configuración del redactor no pueden anular algunas, no todas, las configuraciones.

Parece estar roto en Craft 2 y 3 (pasando por el chat de Slack) pero sospecho que fue la mejora en 2.6.3004 lo que lo hizo inutilizable.

¡Hola a todos! Tuve el mismo problema y se puede hacer una solución temporal a través de CSS y conectando un archivo ejecutable en el panel de anuncios. A continuación se muestra el código:

.redactor-layer {
índice z: 101! importante;
border-top: 0! important;
}
.input .redactor-toolbar {
posición: ¡pegajoso! importante;
border-bottom: 1px sólido # e3e5e8! important;
índice z: 102! importante;
fondo: #fff! importante;
}

.elementselectormodal {
índice z: 1052! importante;
}

image

@brandonkelly Solo quería comprobar si este problema se iba a solucionar en C2, así como en C3.

@zizther, este problema solo afecta al complemento Redactor en Craft 3. El campo de texto enriquecido en Craft 2 admite la barra de herramientas adhesiva.

@brandonkelly Yo y otros, como @billythekid, también hemos notado el mismo problema en Craft 2

Acabo de notar que funciona, pero solo en el punto de interrupción móvil.
Y está relacionado con JS, ya que position:fixed se inyecta en el elemento.

Yeh roto tanto en Craft 2 como en 3 para mí también.

Lamento comentar sobre un problema cerrado, pero todavía no puedo hacer que la barra de herramientas fija de Redactor funcione en Craft 3.

Aquí puede ver que no se pega en la parte superior: https://img.lukepeters.me/07202018nhxkk.png

Y aquí puede ver que tengo toolbarFixed establecido en verdadero en mis dos archivos de configuración: https://img.lukepeters.me/07202018fd0g0.png

@LukePeters ¿Qué versión del complemento estás usando?

@ andris-sevcenko Redactor versión 2.1.2, instalado a través de Plugin Store.

@LukePeters, ¿ es posible acceder al sitio donde estás viendo esto? Si es así, ¿puede enviarlo por correo electrónico a [email protected] y hacer referencia a este problema?

@LukePeters ¡Gracias! ¡Acaba de lanzar 2.1.3 que solucionó este problema!

@ andris-sevcenko la barra de herramientas pegajosa todavía no funciona para mí. He probado esto en las últimas versiones de Chrome, Firefox y Safari.

Yo también me temo, usando 2.1.3.

@lukeyouell 2.1.3?

@mattandrews ¿Alguna posibilidad de acceder al sitio donde estás viendo esto? El mismo trato que el anterior: dispara el acceso a [email protected]

Me temo que no puedo arreglar eso (políticas corporativas, etc.) pero simplemente apliqué manualmente los cambios en su solución aquí y parece que está funcionando.

@mattandrews Está arreglado para la próxima versión (probablemente v2.1.4), próximamente.

Todavía no funciona en el diseño de una sola columna.

@KatieMFritz ¿Qué versiones de Craft y Redactor estás usando?

Craft Pro 3.3.13
Redactor 2.4.0

Experimentando esto en craft Pro 3.3.15 y Redactor 2.4.0. Se utiliza en un campo de matriz.

Editar : parece funcionar A MENOS que la Vista previa en vivo esté abierta, entonces no lo hace.

Estoy usando la última artesanía y el último redactor de la tienda de complementos y "toolbarFixed": true tampoco me funciona :(

Además, no estoy seguro de si está relacionado o no, pero también el menú "contextual" al hacer clic en un enlace aparecerá fuera de la pantalla, es decir, tendrás que desplazarte hacia arriba para verlo, pero parece que no sucede nada cuando haces clic en un enlace (relacionado con contenido largo).

Trabajando por mi parte, pero parece que solo se activa cuando la barra de herramientas ha subido por encima de toda la ventana, no solo por encima del encabezado de la página adhesiva.

Sí, no estoy seguro de por qué, pero simplemente solucioné el problema usando el complemento CP CSS y anulando el CSS de la barra de herramientas para colocarlo en la posición: pegajoso y saltar entre los dos valores superiores para las dos consultas de medios diferentes:

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 Asegúrese de estar ejecutando las últimas versiones de Craft y Redactor.

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

cstudios-slovakia picture cstudios-slovakia  ·  6Comentarios

sidm1983 picture sidm1983  ·  7Comentarios

stenvdb picture stenvdb  ·  16Comentarios

diluno picture diluno  ·  3Comentarios

timoteh picture timoteh  ·  17Comentarios