Bookmarklet per la modifica dei contenuti live

[andreadragotta]

Bookmarklet per la modifica dei contenuti live

Ciao a tutti!

Segnalo un bookmarlet utilizzabile su quasi tutti i browser (compresi quelli mobile) che permette di abilitare la modifica in tempo reale dei contenuti testuali all'interno di un sito internet, potrebbe essere uno strumento utile per fare dei test di impaginazione.

Salvando questo codice tra i preferiti potrete abilitarlo con solo un click.

javascript:(function(){document.designMode = 'on'})();

Lascio anche il link con la lista dei browser compatibili e le versioni https://caniuse.com/#search=designMode

[giorgiotave]

Che fantastica cosa questa!

Grazie Drago

[sermatica]

Ciao
perdonami la domanda banale ma va incollato, una volta aperto un sito, nella barra dell'url?

[zanzo1972]

Ciao,
basta solo copiare il link e salvarlo nei preferiti. Fatto questo ogni sito che visiti ti basterà cliccare sul preferito che hai salvato e vedrai che puoi modificare il testo ecc..
Ciao

[matteo.zambon]

Ragazzi per approfondire ti consiglio di leggere questo bellisismo tweet: https://twitter.com/sulco/status/1177559150563344384

In realtà si può benissimo fare con una funzione JavaScript che tutti i browser supportano (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable

La funzione JS è questa

document.querySelectorAll('*').forEach(e => e.contentEditable = 'true');

è la stessa logica solo che contentEditable appunto esiste da moooolto più tempo.[CENTER]　[/CENTER]

Per un'internet migliore [CENTER]　[/CENTER]

[giorgiotave]

Grazie Matteo!