O primeiro passo é converter o Código Fonte, do programa que queremos colocar no MOODLE, em texto formatado em HTML. Para tal, necessitamos de uma ferramenta que faça essa conversão de forma a dar bom aspecto ao código, e não apenas estrutura (indentação).
Existem várias ferramentas disponíveis para este efeito, tanto programas instaláveis, como ferramentas online.
Ficam dois exemplos:
ONLINE
PROGRAMA
Agora é só colocar a parte com da tag "PRE" ( <pre>...</pre> ) do HTML no MOODLE, seleccionando a opção «Formato HTML» para o formato da mensagem.
A ferramenta online indicada anteriormente já só contém o código HTML para as tags "PRE", pelo que bastará copiar todo o código gerando por essa ferramenta. Já o código gerado pelo programa contém HTML a mais para o que pretendemos, sendo necessário ficar apenas com o que está definido com a tag "PRE". Adicionalmente, o programa define ainda um estilo para a família de fontes a usar (font-family) que não funciona a 100% no MOODLE. Podemos eliminar essa definição, ou colocar as fontes mais correctas (de modo a funcionar bem em todos os browsers e sistemas operativos).
Código:
main() {
puts("Hello World!");
}
HTML gerado pela ferramenta online:
<pre style='color:#000000;background:#ffffff;'><span style='color:#400000; '>main</span><span style='color:#808030; '>(</span><span style='color:#808030; '>)</span> <span style='color:#800080; '>{</span>
puts<span style='color:#808030; '>(</span><span style='color:#800000; '>"</span><span style='color:#0000e6; '>Hello World!</span><span style='color:#800000; '>"</span><span style='color:#808030; '>)</span><span style='color:#800080; '>;</span>
<span style='color:#800080; '>}</span>
</pre>
Resultado:
main() { puts("Hello World!");}