spppan

Un parseur pour passer les premiers «P» de «P(re)P(ost)P(rint)» en anti-oblique et oblique

spppan.css exemple de feuille de style à appliquer

 1	<style>
 2		#ppp-pre, #ppp-post {display:inline-block;}
 3		#ppp-pre  {transform:skew(15deg);}  /* ╲P╲  */
 4		#ppp-post {transform:skew(-15deg);} /*  ╱P╱ */
 5	</style>

spppan.js version en javascript, pour pencher à la volée, dans un navigateur

 1	<script src="/js/filter.js"></script>
 2	<script>
 3	function spppan(text,deg) {
 4		return text.replace(
 5			/(p|pre)(p|post)(p|print)/ig,
 6			`<span id="ppp-pre">$1</span><span id="ppp-post">$2</span>$3`
 7		);
 8	}
 9	</script>

spppan.sh version en sed contenue dans un script shell, pour pencher la source html en amont

 1	#!/usr/bin/env sh
 2	
 3	# décembre 2024
 4	
 5	# Une commande sed qui cherche dans un document html les occurences de
 6	# prepostprint et de ppp avec ou sans majuscules (gI). Elle insère p(re) et
 7	# p(ost) dans des span aux id «ppp-pre» (anti-oblique) et «ppp-post» (oblique).
 8	
 9	# PPPPPPPPPPPPpp             PPPPPPPPPPPPpp    PPPPPPPPPPPPPPp
10	# ppPPPPPPPPPPPPPPp          pPPPPPPPPPPPPPP    pPPPPPPPPPPPPPP
11	#    pPPp      ppPPPp        pPPP       pPPPp    PPP        pPPP
12	#     PPPp        PPPp       PPP         PPP     PPPp        PPP
13	#     pPPP        PPPP      PPPp      ppPPPp     PPP       pPPPP
14	#      pPPPPPPPPPPPPPp     pPPPPPPPPPPPPPp       PPPPPPPPPPPPPp
15	#       PPPPPPPPPPPpp     pPPPPPPPPPPPpp         PPPPPPPPPPpp
16	#        PPP              PPPp                   PPP
17	#        pPPP            PPPp                    PPP
18	#         pPPp          pPPP                     PPP
19	#         pPPPpp      ppPPPp                   pPPPPPp
20	#         PPPPPPP    PPPPPPP                   PPPPPPP
21	
22	sed -E '
23	s	(p|pre)(p|post)(p|print)\
24		<span id="ppp-pre">\1</span><span id="ppp-post">\2</span>\3\
25		gI
26	'
27	
28	# exemple : cat [FICHIER].html | ./pppspan.sh