Domanda su codice HTML

[Max2433BO]

Buongiorno a tutti.

Disclaimer:
1) Non sono sicuro che il titolo del post sia effettivamente coerente con la domanda che sto per porvi, nel caso in cui non lo fosse avvisatemi che lo correggo.
2) Essendo completamente a digiuno di HTML la mia potrebbe essere una domanda banale, ma la curiosità mi spinge comunque a porla.

Volendo recuperare alcune emoticon (o emoj) del forum, mi sono andato a guadare il sorgente pagina di questa.

Qui, come immaginavo, si trovano i caratteri che, se inseriti direttamente nel post, generano la corrispondente emoticon, ad esempio in questa riga:

<a href="#" onclick="initInsertions(); insert_text('#-o', true, true); return false;"><img src="./images/smilies/eusa_doh.gif" width="22" height="16" alt="#-o" title="d'oh!"/></a>

se si inseriscono nel testo del post i caratteri evidenziati in rosso, si ottiene

Però, in alcuni casi, l'espediente non funziona, ad esempio in quest'altra riga:

<a href="#" onclick="initInsertions(); insert_text('&gt;-O-&lt;', true, true); return false;"><img src="./images/smilies/clap.gif" width="31" height="23" alt="&gt;-O-&lt;" title="clap"/></a>

se inserisco ne testo, come precedentemente, i caratteri evidenziati in rosso, non ottengo l'emoticon che applaude, ma il testo non "decodificato": &gt;-O-&lt;

In pratica tutte le volte che la decodifica dell'emoticon contiene uno o più gruppi di caratteri preceduti da &, la decodifica diretta nel post non funziona, come mai?

Grazie in anticipo per le vostre risposte.

[GioArca67]

Prova mettendo
> - O - <
senza spazi
& è un simbolo di escape
& lt ;
(senza spazi)
è l'equivalente del minore (less then) ma non è < viene interpretato dal browser e convertito.

[Max2433BO]

Grazie mille GioArca67!!!

Ho visto, così, che in rete, esistono diverse tabelle di cosiddette HTML Entity, una, ad esempio, è questa.

Mo' me la tengo sottocchio così vedo quali sono i caratteri corrispondenti da inserire.

Grazie ancora.

[boiler]

Se dovesse risultarvi comodo, si può usare un bookmarklet per inserire qualsiasi tipo di testo.

Cos'è un bookmarklet? È un segnalibro nel browser che invece di puntare ad un URL esegue un frammento di JavaScript.

Come creare un bookmarklet? Nel Browser di vostro piacimento aggiungete un bookmark (in Firefox si clicca col tasto destro sulla barra dei segnalibri o nel menu che piú vi aggrada, poi si sceglie "Add bookmark..."). Nella configurazione del segnalibro, come titolo ci mettete qualcosa che vi identifichi facilmente il contenuto (per esempio "Emoji EY - clap clap"), mentre nel campo dedicato all'URL ci mettere il codice JavaScript. Finito!

Sì, ma io non conosco il JavaScript... Questo è un bene per la vostra salute mentale. Non cercate di impararlo. Per l'operazione di cui parlavo sopra (inserire testo in un form) basta copiare qui:

Codice: Seleziona tutto

javascript:(function() {const txt = '>-O-<'; const ta = document.getElementsByTagName('textarea')[0]; const pos = ta.selectionStart; const b = ta.value.substring(0, pos); const a = ta.value.substring(pos, ta.value.length); ta.value = b + txt + a; ta.selectionStart = ta.selectionEnd = pos + txt.length;})();

Ovviamente si può usare per le piú svariate cose: il vostro indirizzo email, "Lorem ipsum dolor sit amet", la password del vostro ebanking (operazione a vostro rischio!), eccetera.

Per adattare il codice al vostro testo modificate SOLO la parte subito dopo la parentesi graffa aperta. Il vostro testo va messo tra virgolette singole (apostrofi), come nell'esempio. Se dovete usare un apostrofo nel testo, per evitare che venga interpretato come la fine del testo, deve essere preceduto da un backslash:

Codice: Seleziona tutto

const txt = 'un testo con l\'apostrofo';

Come si usa? Posizionate il cursore dove volete inserire il frammento di testo e cliccate sul bookmarklet.

Boiler

[Etemenanki]

Devi considerare anche che, per quanto riguarda gli "emoticon", ogni forum ha i suoi codici, che la maggoir parte delle volte non sono comandi HTML, ma semplici sequenze di caratteri che lo script del forum usa come "etichette" per gli oggetti grafici (gli emoticon, appunto) da inserire nel testo.

Ad esempio, " " e'

Codice: Seleziona tutto

:twisted:

qui su questo forum, ma potebbe essere qualsiasi altra cosa su altri, secondo quali etichette il programmatore ha assegnato alle immagini delle "faccine" ... le sequenze HTML invece sono (nella maggior parte dei casi, tranne i cosiddetti "markup" che personalmente considero un'idiozia *) di solito sempre gli stessi per gli "effetti" del testo, colore, grandezza, stile, eccetera.





* li considero un'idiozia perche' per la maggior parte usano comuni caratteri senza tenere conto della possibilita' che una persona voglia o debba invece scriverli cosi come sono, quei caratteri ... solo come esempio, quella robaccia chiamata "discourse" usa gli asterischi come se fossero tag, per cui tante volte NON li puoi usare, perche' vengono trasformati in effetti di testo, esempio al volo:

*a* fa apparire a (italico)

**a** fa apparire a (grassetto)

***a*** fa apparire a (italico e grassetto)

e cosi via, e lo stesso per altri caratteri che uno vorrebbe poter scrivere in modo normale ed invece non puo, solo per non dover usare normalissimi tag HTML dentro le parentesi < > oppure [ ] ... una cosa piu idiota di questa la devo ancora trovare, sinceramente.

[djnz]

I tag HTML, o il bbcode spostano solo il problema un po' più avanti. Perché anche in HTML o bbcode se voglio scrivere del testo per spiegare esempi di HTML o di bbcode sono punto a capo, il testo viene interpretato come HTML o bbcode.

[Etemenanki]

Se usi il tag "code", tutto quello che c'e' dentro viene scritto senza interpretarlo.

[GioArca67]

Attenzione!
Non mischiare il comportamento dell'applicazione "forum" col suo bbCode con l'HTML.
Quando scrivi nel forum c'è una preinterpretazione e conversione.

[frances86valli]

Grazie!