28.11.
2011

Kadar uporabniki v WYSIWYG CMS sisteme kopirajo vsebino z drugih virov se pogosto zgodi, da se skupaj z vsebino kopirajo tudi inline CSS stili. V kolikor imamo v CSS predlogah definirane stile, jih inline stili povozijo.

Obstaja preprosta rešitev v jQuery, ki povozi inline CSS stile.

V spodnjem primeru se dinamična vsebina nahaja v polju #vsebina.

Pri uporabi jQuery knjižnice, v glavi strani (<HEAD></HEAD>) dodamo sledeči zapis in s tem odstranimo vse inline CSS atribute velikosti in družine pisav za znački P in SPAN.

<script type=”text/javascript”>
$(document).ready(function() {
$(“#vsebina span”).css(‘font-family’,’inherit’);
$(“#vsebina span”).css(‘font-size’,’inherit’);
$(“#vsebina p”).css(‘font-family’,’inherit’);
$(“#vsebina p”).css(‘font-size’,’inherit’);
});
</script>

V opisanem primeru uporabniku dovolimo spreminjanje barve besedila in določenih drugih atributov. Velikost in družina pisave pa ostane zmeraj ista.

Komentiranje izklopljeno.