Visualizza simboli di formattazione (caratteri invisibili) su pagine web e moduli di testo

Dopo aver posto questa domanda qui e visto che questa funzione non era disponibile nei browser attualmente esistenti (nativamente o tramite i componenti aggiuntivi), ho deciso di prendere la questione nelle mie mani e sviluppa questo me stesso .

Ho creato un piccolo bookmarklet chiamato Interpunk che visualizza i caratteri invisibili in una pagina Web e consente agli scrittori di correggere la loro copia dal loro browser.

Questo è Interpunkd.

Stavo facendo questa domanda qui perché nella mia linea di lavoro molti miei colleghi usano strumenti di scrittura online e usano diversi computer o browser.

Dopo essere stato perplesso nel tentativo di trovare un modo per farlo, e dopo aver fatto questa domanda inutilmente, mi sono ricordato di alcuni strumenti di bookmarklet che uso frequentemente (come Sorgente , FFFFOUND! o Katamari Hack ), e ha deciso di sviluppare questa funzione come bookmarklet per consentire a chiunque di visualizzare caratteri invisibili su quasi tutte le pagine Web e su qualsiasi browser / sistema operativo.

_{Nota: per favore fatemi sapere se questa risposta in qualche modo viola le linee guida di questa comunità. Capisco perfettamente che potrebbe sembrare un'auto-promozione per qualcosa che ho sviluppato, ma per favore considera che (1) questo strumento è gratuito per chiunque da usare, che (2) non esisteva al momento in cui ho posto la domanda, né sapevo che avrei dovuto svilupparlo io stesso allora, e che (3) questa è la risposta più vicina possibile a questa domanda, per quanto ne so. Se non sei d'accordo, per favore fammelo sapere nei commenti piuttosto che in down-voting, grazie.}

Non conosco alcun browser che mostrerà invisibili, ma ci sono soluzioni alternative. Dato che stai già "utilizzando vari strumenti online per la traduzione e la correzione di bozze", suppongo che tu stia anche copiando e incollando tra gli strumenti. La soluzione più semplice sarebbe incollare il testo in un editor di testo diverso come passaggio intermedio. Questo dovrebbe rivelare tabs vs spazi e diversi tipi di terminazioni di linea.

Questo non mostrerà la differenza tra spazi e spazi non frantumanti, però. Puoi visualizzare l'origine e cercare " " , ma ciò sarà imprevedibile, perché le persone non sono coerenti.

Non sono sicuro se si tratta di una soluzione, ma se si utilizza FireFox, è possibile evidenziare il testo, fare clic con il tasto destro e utilizzare "Visualizza origine selezione", assumendo il suo testo presente nell'HTML della pagina. Ad esempio, il tuo commento precedente assomiglia a questo:

<span class="comment-copy">There is actually a difference in text editors between breaking and non breaking spaces (cf my pages link), but the reason I ask is that I would gain productivity if I didn't have to copy and paste hundred of strings every day from browser &gt; text editor then text editor &gt; pro correction software...</span>

Un'altra cosa che potrebbe essere utile è fare lo stesso, ma selezionare 'Ispeziona elemento'. Potrebbero esserci altre cose che puoi fare con questi strumenti in FireFox, oppure potresti riuscire a creare una sorta di script che faccia questo.