Como converter exemplos de código para ficarem "live"

MDN tem um sistema de "exemplos live", onde o exemplo de código é mostrado numa página utilizada diretamente para exibir o resultado desse mesmo exemplo. Contudo, muitos artigos existentes tem exemplos de código que ainda não utilizam este sistema, e precisam de ser convertidos.

Exemplos live, permitem-lhe ver como é que é o exemplo de destino. Este guia fala sobre como utilizar os exemplos existentes e adicionar a funcionalidade "live" às mesmas.

Onde é que isso precisa de ser feito?
Artigos com a etiqueta NeedsLiveSample
O que precisa de saber para realizar a tarefa?
  • Conhecimentos em HTML, CSS e/ou JavaScript, dependendo da amostra de código.
  • Capacidade de usar macros KumaScript dentro dos artigos MDN.
Quais são os passos para realizar a tarefa?
  1. Escolher um artigo da lista de artigos que estão marcados NeedsLiveSample, onde a amostra de código é para uma funcionalidade com que se sente familiarizado.
  2. Converter a amostra de código para ser "live".
  3. Eliminar qualquer código ou imagem que fosse previamente utilizada para demonstrar o output da amostra.

Para mais informação sobre a criação  e edição de Amostras Live, consulte Utilizar o sistema de amostra live