Discourse Advertencia de Spoiler

[Discourse]

||||
-|-|
| Resumen | Discourse Spoiler Alert proporciona la capacidad de ocultar el contenido marcado con una etiqueta [spoiler] en las publicaciones.
| Guía de instalación | Este plugin viene incluido con Discourse core. No es necesario instalar el plugin por separado.

Al ser un plugin #oficial mantenido por el equipo de Discourse, las solicitudes de #soporte, #contribuir:errores, #contribuir:ux y #contribuir:funciones pueden realizarse en las categorías correspondientes aquí en Meta, y etiquetadas con la etiqueta de plugin apropiada. Haz clic en un enlace a continuación para comenzar.

 Soporte  Error  UX  Función

Habilitar Spoiler Alert

Este plugin está habilitado por defecto una vez instalado, pero puede deshabilitarse/habilitarse desde su configuración, accesible desde tu página admin/plugins:

Funciones

Una vez habilitado, agrega una opción ‘Desenfocar spoiler’ al menú en la barra de formato del editor. Simplemente resalta el texto que deseas desenfocar y selecciona ‘desenfocar spoiler’ y envolverá el texto seleccionado en las etiquetas [spoiler] necesarias:

Ejemplos:

En línea:

[spoiler]Este es un spoiler[/spoiler] 

Este es un spoiler

Multilínea:

[spoiler]

Quiero ser tu aspiradora
Respirando tu polvo
Quiero ser tu Ford Cortina
Nunca me oxidaré
Si te gusta el café caliente
Déjame ser tu cafetera
Tú mandas
Quiero ser tuyo

https://johncooperclarke.com/poems/i-wanna-be-yours

[/spoiler]

Quiero ser tu aspiradora
Respirando tu polvo
Quiero ser tu Ford Cortina
Nunca me oxidaré
Si te gusta el café caliente
Déjame ser tu cafetera
Tú mandas
Quiero ser tuyo

https://johncooperclarke.com/poems/i-wanna-be-yours

Al hacer clic en el desenfoque, se revelará el texto oculto, y al hacer clic nuevamente se volverá a desenfocar.

También funciona con imágenes:
(para volver a desenfocar una imagen lo suficientemente grande como para generar una lightbox, puedes hacer clic en el espacio blanco adyacente o actualizar la página)

Configuración

Nombre	Descripción
spoiler enabled	Habilitar el plugin de spoiler. Si cambias esto, debes rebakear todas las publicaciones con: “rake posts:rebake”[1]

¿Alojado por nosotros? Este plugin está disponible en todos nuestros planes de alojamiento Spoiler Alert | Discourse - Civilized Discussion

---

1. Si eres un cliente alojado de nosotros, por favor contacta a team@discourse.org si tienes alguna pregunta sobre la necesidad de ‘rebakear’ debido a un cambio de configuración ↩︎

[pfaffman (Jay Pfaffman)]

Movido al núcleo:

FEATURE: Bundle discourse-spoiler-alert plugin into core (#24030)

[JammyDodger]

Discourse Spoiler Alert ahora está incluido en el núcleo de Discourse, por lo que este plugin ya no necesitará ser instalado por separado.

Si te auto-alojas, deberías ver información en tu panel sobre cómo eliminarlo de tu app.yml.

¿Alojado por nosotros? Este cambio no te afectará de ninguna manera. Puedes seguir disfrutando de este plugin y no preocuparte por nada.

[ismailarilik (İsmail Arılık)]

No entiendo por qué este plugin está habilitado por defecto. ¿No es útil solo para foros de películas?

[Jagster (Jakke Flemming)]

Hay muchas más razones para ocultar texto que spoilers de películas. Más que el remate de los chistes.

[Monikas (JustMonika)]

¿Es posible agregar una función para mostrar el contenido de spoiler después de hacer clic en ‘me gusta’ en la publicación?

[ondrej]

Eres más que bienvenido/a a crear un tema Contribute > Feature spoiler-alert

[Monikas (JustMonika)]

:guiño:, ya voy en camino.

[Mako-Poisoned (Mako)]

¿Hay alguna forma de editar el aspecto de la vista previa del spoiler? La implementación actual se ve bien, pero no abstrae lo suficiente en cuanto a lo que está revelando.

Aquí tienes un ejemplo de un hilo que creé, donde los usuarios pueden subir sus capturas de pantalla. Si la captura de pantalla es un spoiler, debe etiquetarse como tal. Como puedes ver, la implementación actual no funciona realmente en el contexto de etiquetar como spoiler capturas de pantalla de momentos críticos en juegos, películas, etc.

Cualquiera que esté familiarizado con el juego que compartí sabría inmediatamente de qué se trata.

Imagen de mi tablero de discourse a continuación.

¿Hay alguna forma de ajustar esto?

Editar: También me he dado cuenta de que si algún usuario hace clic en el historial de edición de una publicación que contiene spoilers, el historial de edición no etiquetará el contenido como spoiler.

[NateDhaliwal]

¿Cómo piensas hacerlo? ¿Más borroso? ¿De otro color el desenfoque?

[Mako-Poisoned (Mako)]

Si pudiera, lo haría completamente negro o lo haría más borroso.

[Steven]

Aquí está el CSS predeterminado para la parte de desenfoque

.spoiler-blurred img {
  filter: blur(1em);
}

Cambia el 1em por algo más importante

.spoiler-blurred img {
  filter: blur(5em);
}

Y si quieres desenfocar más cuando el cursor está sobre la imagen, añade estas líneas y cambia el 0.5em (con un valor menos importante que el anterior)

.spoiler-blurred {
  .discourse-no-touch & {
    &:hover, &:focus {
      img {
        filter: blur(0.5em);
      }
    }
  }
}