X-rayHTML funciona da seguinte maneira. O desenvolvedor adiciona um bloco de código para a página e passa para o plugin. X-rayHTML irá criar um recipiente onde o código é executado e os resultados são exibidos. Junto com o resultado final, um botão "view source" é adicionado também, que quando empurrado revela o código que rendeu o resultado.
Como você pode dizer, X-rayHTML pode ser realmente útil para a codificação de tutoriais e sites de documentação, permitindo aos desenvolvedores integrar facilmente visualizações de código em seus sites sem ter que criar, páginas de demonstração separadas especializadas.
X-rayHTML também é melhor em comparação com a forma nativa de incorporar pré-visualizações de código, uma vez que funciona com um único bloco de código em vez de dois. (A pré-visualização e a & # X3C; pre & # x3e; próprio bloco de código)
Isto torna o código muito mais fácil de manter e atualizar, sem ter duas preocupações sobre como modificar dois blocos de código separadas de cada vez.
X-rayHTML também pode realçar código-fonte através de Prism , exibir os painéis de origem / de demonstração usando uma animação flip, e também adicionar a possibilidade de copiar o código para a área de transferência OS via ZeroClipboard .
A demo está incluído com o pacote de download
O que é novo nesta versão:.
- primeira versão.
O que é novo na versão 0.1.0:.
- Primeiro lançamento
Requisitos :
- habilitar o JavaScript no lado do cliente
- jQuery
Comentários não encontrado