Vervangende emoticon-tekst door afbeeldingen met behulp van CSS

Question

Ik vroeg me af of er een methode is om tekst te vervangen door een span-object met puur CSS?

Bijvoorbeeld:

This is a :) sample text

De :) in het bovenstaande voorbeeld zou worden vervangen door

This is a  sample text

of iets dergelijks dat de tekst zelf verbergt en de reeks toevoegt.

Is: vóór en: na selectors iets dat ik zou kunnen gebruiken?

4

toegevoegd 24 juni 2012 op 11:47 de auteur DavidW bewerkt 24 juni 2012 op 12:49

Bekeken: 1

Niet echt, omdat CSS geen afzonderlijke tekstfragmenten kan bereiken, laat staan delen van tekstfragmenten.

toegevoegd 24 juni 2012 op 11:49, de auteur BoltClock, de bron

2 antwoord

Nee, het is niet mogelijk in pure CSS.

CSS is voor styling. Voor dynamische wijzigingen van inhoud op de pagina moet je Javascript gebruiken. Voor deze glimlach:

var str = "This is a :) sample text";
str = str.replace(":)", "replaced span");

document.write( str );

3

toegevoegd 24 juni 2012 op 11:49 de auteur Zoltan Toth

Hoe kan het werken in js

toegevoegd 24 juni 2012 op 11:51, de auteur Enve, de bron

alert ("String met :)". replace (':)', ' '));

toegevoegd 24 juni 2012 op 11:54, de auteur mAu, de bron

Of je zou deze serverkant kunnen doen.

toegevoegd 24 juni 2012 op 12:54, de auteur Kyle Hotchkiss, de bron

de auteur madfriend · Answer 1 · 2012-06-24T11:49Z

Nee. CSS kan uw inhoud niet inpakken en de DOM-structuur wijzigen.