Je suis en train de naviguer / r/AskReddit et je trouve que beaucoup de contenu est noirci. Certains contenus masqués sont les informations de dernière modification, le nom d'utilisateur, le karma, le corps entier du message. Je ne trouve pas de contenu masqué sur d'autres sous-titres. Voir les images suivantes pour des exemples:
J'ai regardé autour de moi le wiki de/r/AskReddit parlant des balises Spoiler , mais ces contenus masqués ne sont pas des Spoilers comme je peux le comprendre.
Pourquoi sont-ils noircis et comment sont-ils faits? Existe-t-il un moyen d'accéder à cette information?
La plupart d'entre eux sont des marqueurs pour vous indiquer que le texte a été supprimé. Il n'y a rien à voir. Il n'y a vraiment pas de moyen d'y accéder, sauf si vous pouvez trouver un cache de la page avant la suppression de ce texte.
Donc au lieu de montrer:
[supprimé]
le subreddit AskReddit vient d'être ajouté en images pour le pimenter visuellement
Si vous examinez les CSS spécifiques à un sous-répertoire, vous verrez des règles comme celles-ci:
.usertext.grayed .usertext-body:after{
content:url(http://d.thumbs.redditmedia.com/SMBbM5hLWWEayAH3.png)
}
.grayed[id$="A"] .md:after, .grayed[id$="K"] .md:after,
.grayed[id$="9"] .md:after, .grayed[id$="7"] .md:after{
content:url(http://d.thumbs.redditmedia.com/GX9hV2Hz1CjyWYvQ.png)
}
.grayed[id$="F"] .md:after, .grayed[id$="8"] .md:after,
.grayed[id$="Q"] .md:after, .grayed[id$="S"] .md:after{
content:url(http://a.thumbs.redditmedia.com/pp1-TxU_p0Tjfr0N.png)
}
.grayed[id$="4"] .md:after, .grayed[id$="C"] .md:after,
.grayed[id$="P"] .md:after, .grayed[id$="U"] .md:after{
content:url(http://d.thumbs.redditmedia.com/acRgCtL6iCfGYTei.png)
}
p.tagline em:after{
visibility:visible;font-size:10px;
content:url(http://d.thumbs.redditmedia.com/_d-bXQHsj_78q9oK.png)
}
Fondamentalement, il recherche les blocs de la page qui correspondent aux règles et remplace le contenu par des images "occultantes".
Voici à quoi ressemble un commentaire supprimé:
<form action="#" class="usertext grayed border" id="form-t1_c41aej7qev">
<input type="hidden" name="thing_id" value="t1_c41aej7"/>
<div class="usertext-body">
<div class="md"><p>[deleted]</p></div>
</div>
</form>
Une des règles CSS est la suivante:
.usertext.grayed .usertext-body:after
Tout ce qui a une classe de .usertext-body
et qui se trouve dans une autre balise avec les classes .usertext
et .grayed
est remplacé par une barre occultante.
D'autres parties non supprimées du sous-répertoire qui affichent ces barres d'interdiction viennent d'être incluses dans les règles CSS, car les classes utilisées par le contenu supprimé apparaissent également dans d'autres parties de la page. C'est pourquoi vous pouvez parfois le voir apparaître sur la page où il n'y a généralement rien de normalement visible.