Cara Mengatasi Tampilan Syntax Highlighter yang Error

Membagikan kode dalam postingan tutorial seperti code HTML, Kode Java Script dan Code CSS dengan menggunakan Syntax Highlighter tidak semuanya dapat berjalan dengan lancar. Terkadang ada kode tertentu ketika dimasukkan pada area penempatan kode Syntax Highlighter ketika dipublikasikan justru tetap terbaca sebagai bagian dari kode template akhirnya tampilan postingan pun menjadi berantakan. 



Contohnya seperti tampilan pada gambar berikut ini, padahal secara logika prosedurnya sudah benar yaitu dengan meletakkan code HTML, Kode Java Script atau Code CSS diantara <pre><code>  ----- </pre></code> pada mode HTML Postingan. 


Untuk mengatasinya ternyata berbanding terbalik dengan metode penulisan code pada Syntax Highlighter template Non AMP maupun AMP dimana seharusnya dalam mode HTML ternyata bisa dengan mode Compos dengan sebelumnya meletakkan kode pemanggul atau penulisan  Syntax Highlighter pada mode HTML kemudian dikembalikan pada mode Compose seperti gambar berikut ini:




Pada mode compose pastekan, Kode Java Script atau Code CSS yang ingin dibagikan sesuai dengan area penempatan code.




Sehingga hasilnya seperti gambar berikut ini



Kemudian coba publikasikan, maka hasilnya sesuai dengan yang diinginkan, code HTML, Kode Java Script atau Code CSS yang dibagikan melalui Syntax Highlighter tampil dengan sempurna tanpa adanya error tampilan. 



Kesimpulan: 
Untuk mengatasi error tampilan code HTML, Kode Java Script atau Code CSS yang dibagikan melalui  code pemanggil Syntax Highlighter dalam postingan seperti postingan tutorial adalah dengan cara memasukkan kode pada mode compos.