28 maggio 2010

27-scrivere codice: e 3!

Qui sotto ci sono degli esempi di codice. Perchè sono visibili? Non sto usando una textarea (vedi post precedente).
Esempio 1: si vede l'html dei link
<a href="http://omeo-cura.blogspot.com" >Omeo Cura</a>
<a href="http://sites.google.com/site/fosilaron/"> Appunti sparsi di ilaron</a>
<a href="http://ilaron.altervista.org/wordpress/index.php" > Boanerges - Mc 3, 17</a>
<a href="http://sentiero.bravehost.com/" >Sentiero</a>
<a href="http://fos-ilaron.blogspot.com/" >la strada, la vita... cta</a>

Esempio 2: si vede il codice di cbox
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: right; line-height: 0pt;">
<div><iframe src="http://www5.cbox.ws/box/?boxid=627719&amp;boxtag=53s414&amp;sec=main" marginheight="2" marginwidth="2" allowtransparency="yes" name="cboxmain" style="border: 1px solid rgb(219, 226, 237);" id="cboxmain" width="200" frameborder="0" height="305" scrolling="auto"></iframe></div>
<div><iframe src="http://www5.cbox.ws/box/?boxid=627719&amp;boxtag=53s414&amp;sec=form" marginheight="2" marginwidth="2" allowtransparency="yes" name="cboxform" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(219, 226, 237) rgb(219, 226, 237); border-width: 0px 1px 1px;" id="cboxform" width="200" frameborder="0" height="75" scrolling="no"></iframe></div>
</div>
<!-- END CBOX -->

Ebbene... c'è una opzione nell'editor dei post che permette di mostrare il codice:
Clicca su Opzioni post, lo trovi appena sopra il bottone arancio PUBLICA POST. Cerca le Impostazioni di composizione, ti vengono offerte due possibilità:

Interpreta HTML digitato
Mostra HTML letteralmente


Seleziona la seconda, ed è quasi fatta!
Quasi perchè devi avere l'accortezza di scrivere (o copiare) il codice in modalità Scrivi: allora esso, alla visualizzazione Anteprima comparirà tale e quale.
Se trascrivi il codice in modalità Modifica HTML, alla visualizzazione Anteprima esso verrà interpretato e ne vedrai gli effetti.

Infatti Esempio 1: si vede l'html dei link è l'effetto del seguente codice: <b>Esempio 1: si vede l'html dei link</b>  scritto in modalità Modifica HTML.
Lo stesso codice scritto in modalità Scrivi rimane tale e quale.

I due codici di esempio, se scritti in modalità HTML, restituiscono:
l'elenco dei link
la chatbox vera e propria (come si vede in sidebar).
Provare per credere.

PS- se penso a quanta fatica ho fatto per capire, e a quanto tempo ho dedicato per trovare! ... mentre la soluzione era a portata di mano. Neanche nei forum avevo letto di questo...
newbie ;)

Nessun commento: