X-rayHTML funziona nel modo seguente. Lo sviluppatore aggiunge un blocco di codice alla pagina e lo passa al plugin. X-rayHTML creerà un contenitore in cui viene eseguito il codice e vengono visualizzati i risultati. Insieme con il risultato finale, un pulsante "visualizza sorgente" si aggiunge pure, che una volta spinto rivela il codice che rendeva il risultato.
Come si può dire, X-rayHTML può essere davvero utile per la codifica tutorial e siti di documentazione, consentendo agli sviluppatori di incorporare facilmente anteprime codice sui loro siti senza dover creare, pagine dimostrative separati specializzati.
X-rayHTML è anche migliore rispetto al modo nativo di incorporare anteprime codice dal momento che funziona con un blocco unico codice invece di due. (L'anteprima e la & # x3c; pre & # X3e; blocco di codice stesso)
Questo rende il codice molto più semplice da gestire e aggiornare, senza avere due preoccupazioni sulla modifica di due blocchi di codice separati ogni volta.
X-rayHTML può anche evidenziare il codice sorgente tramite Prism , visualizzare i pannelli source / demo utilizzando un'animazione flip, e anche aggiungere la possibilità di copiare il codice negli appunti del sistema operativo tramite ZeroClipboard .
Una demo è incluso con il pacchetto di download
Cosa c'è di nuovo in questa versione:.
- Prima versione.
Cosa c'è di nuovo nella versione 0.1.0:.
- Prima versione
Requisiti :
- abilitato JavaScript sul lato client
- jQuery
I commenti non trovato