Aviso de Spoiler no Discourse

:discourse2: Resumo Discourse Spoiler Alert fornece a capacidade de ocultar conteúdo marcado com a tag [spoiler] nas postagens.
:open_book: Guia de Instalação Este plugin vem integrado ao núcleo do Discourse. Não há necessidade de instalar o plugin separadamente.

Habilitando o Spoiler Alert

Este plugin é habilitado por padrão após a instalação, mas pode ser desabilitado/habilitado em suas configurações, acessadas na página admin/plugins:

enable spoiler

Recursos

Uma vez habilitado, ele adiciona a opção ‘Desfocar Spoiler’ ao menu :gear: na barra de formatação do editor. Basta destacar o texto que você deseja desfocar e selecionar ‘desfocar spoiler’, e ele envolverá o texto selecionado nas tags [spoiler] necessárias:

Exemplos:

Em linha:

[spoiler]Este é um spoiler[/spoiler] 

Este é um spoiler

Multilinha:

[spoiler]

Eu quero ser seu aspirador de pó
Respirando sua poeira
Eu quero ser seu Ford Cortina
Nunca vou enferrujar
Se você gosta de seu café quente
Deixe-me ser sua cafeteira
Você dá as ordens
Eu quero ser seu

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

[/spoiler]

Eu quero ser seu aspirador de pó
Respirando sua poeira
Eu quero ser seu Ford Cortina
Nunca vou enferrujar
Se você gosta de seu café quente
Deixe-me ser sua cafeteira
Você dá as ordens
Eu quero ser seu

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

Clicar no desfoque revelará o texto oculto, e clicar novamente o desfocará novamente.

Ele também funciona para imagens:
(para desfocar novamente uma imagem grande o suficiente para gerar uma lightbox, você pode clicar no espaço em branco adjacente ou atualizar a página)

Configurações

Nome Descrição
spoiler enabled Habilita o plugin de spoiler. Se você alterar isso, deve rebakear todas as postagens com: “rake posts:rebake”[1]

:discourse2: Hospedado por nós? Este plugin está disponível em todos os nossos planos de hospedagem Spoiler Alert | Discourse - Civilized Discussion


  1. :discourse2: Se você é um cliente hospedado conosco, entre em contato com team@discourse.org se tiver alguma dúvida sobre a necessidade de ‘rebakear’ devido a uma alteração de configuração ↩︎

48 curtidas

Movido para o core:

3 curtidas

:information_source: O Discourse Spoiler Alert agora está incluído no core do Discourse, portanto, este plugin não precisará mais ser instalado separadamente. :partying_face:

Se você auto-hospeda, verá algumas informações no seu painel sobre como removê-lo do seu app.yml.

\u003e:discourse2: Hospedado por nós? Esta alteração não afetará você de forma alguma. :+1: Você pode continuar aproveitando este plugin e não se preocupar com nada.

1 curtida

Não entendo por que este plugin está habilitado por padrão. Ele só é útil para fóruns de filmes?

Existem muitas razões para ocultar texto do que spoilers de filmes. Mais do que as piadas de piadas.

2 curtidas

É possível adicionar um recurso para mostrar o conteúdo do spoiler após clicar em ‘curtir’ na postagem?

Você está mais do que convidado(a) a criar um tópico Contribute > Feature spoiler-alert :wink:

2 curtidas

:wink:, estou a caminho.

Existe alguma maneira de editar a aparência da prévia do spoiler? A implementação atual é boa, mas não abstrai o suficiente quanto ao que está sendo revelado.

Aqui está um exemplo de um tópico que criei, onde os usuários podem fazer upload de suas capturas de tela. Se a captura de tela for um spoiler, ela precisa ser marcada como tal. Como você pode ver, a implementação atual não funciona realmente no contexto de marcar capturas de tela de momentos críticos em jogos, filmes, etc., como spoilers.

Qualquer pessoa familiarizada com o jogo que compartilhei saberia imediatamente do que se trata.

Imagem do meu quadro de discussão abaixo.

Existe alguma maneira de ajustar isso?

Editar: Também cheguei ao conhecimento que, se algum usuário clicar no histórico de edição de uma postagem que contém spoilers, o histórico de edição não marcará o conteúdo como spoiler.

O que você está planejando para torná-lo? Mais borrado? Uma cor diferente do desfoque?

1 curtida

Se eu pudesse, eu o deixaria completamente preto ou o deixaria mais borrado.

Aqui está o CSS padrão para a parte de desfoque

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

Altere o 1em para algo mais importante

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

E se você quiser desfocar mais quando o cursor estiver sobre a imagem, adicione estas linhas e altere o 0.5em (com um valor menos importante que o anterior)

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