X-rayHTML werkt als volgt. De ontwikkelaar voegt een blok van de code om de pagina en geeft het door aan de plugin. X-rayHTML een container waar de code wordt uitgevoerd en de resultaten worden weergegeven creëren. Samen met het eindresultaat, is een knop "view source" en voegde hieraan toe dat, wanneer geduwd onthult de code dat het resultaat weergegeven.
Zoals u kunt zien, X-rayHTML kan echt nuttig zijn voor het coderen van tutorials en documentatie sites, waarmee ontwikkelaars eenvoudig insluiten code previews op hun sites zonder gespecialiseerde, aparte demo's te maken.
X-rayHTML is ook beter in vergelijking met de oorspronkelijke manier van inbedding code previews omdat het werkt met één enkele code blok in plaats van twee. (Het voorbeeld en de & # X3c; pre & # x3e; code blok zelf)
Dit maakt de code een stuk makkelijker te onderhouden en bij te werken, zonder dat twee zorgen te maken over het wijzigen van twee afzonderlijke blokken code elke keer.
X-rayHTML kan ook wijzen op de broncode via Prism , geeft u de bron / demo panelen met behulp van een flip-animatie, en ook de mogelijkheid van het kopiëren van de code om de OS klembord via ZeroClipboard toevoegen .
Een demo is opgenomen in het downloadpakket
Wat is nieuw in deze release:.
- eerste release.
Wat is nieuw in versie 0.1.0:.
- Eerste versie
Eisen
- Javascript nodig op client side
- jQuery
Reacties niet gevonden