In questo articolo scopriamo come mostrare, nella nostra pagina web, porzioni di codice che abbiamo implementato e che vogliamo fornire come esempio. Una soluzione semplice e valida consiste nell'utilizzo di TinyMCE, uno dei migliori per il web editing.
Il primo passo da compiere è scaricare TinyMCE. Attraverso la documentazione ho costruito un esempio per la visualizzazione della textarea ed ho inserito il plugin 'codesample'.
tinymce.init({
selector: "textarea",
plugins: "codesample",
toolbar: "codesample"
});
Questo plugin ci permette di scrivere codice all'interno della textarea e di visuallizzarlo nelle nostre pagine web. Il codice scritto, quindi, non verrà interpretato dal browser (come può avvenire per l'html) e potremo tranquillamente osservarlo all'interno della pagina. Il plugin gestisce numerosi linguaggi che vanno dall'Html al Css, dal Php al Javascript.
Il plugin è disponibile dalla versione 4.3 di TinyMCE.
