Postingan lainnya
bagaimana cara higihlight code di browser
Hallo Semuanya!
Gimana yaa cara buat seperti ini :
Screenshot_20201218-085015_1_1.jpg129.13 KB
Nb : Gambar saya ambil dari forum sekolahkoding ( *Pertanyaan orang ).
Jadi gimana caranya buat seperti yang saya lingkari agar kode kita terlihat berawarna
warna seperti di code editor.
Saya melihat banyak blog / forum programer yang memakai itu, tapi saya bingung namanya apa, mau search di google juga bingung dengan kata kunci apa..
Apakah pakai framework khusus seperti bootstrap atau plugins?
*Maaf kalo pertanyaannya kurang jelas dll..
Tanggapan
judul pertanyaannya coba diperbaiki ya, sesuai yang ditanyakan misalnya "bagaimana cara higihlight code di browser"
Hehe, maaf mas, soalnya saya gk tau itu namanya apa...
2 Jawaban:
<div>Sepertinya jawaban dari @hilmanski sudah tepat.<br><a href="https://github.com/EnlighterJS/EnlighterJS">EnlighterJS</a><br><a href="https://craig.is/making/rainbows">Rainbow</a><br><a href="https://github.com/asvd/microlight">microlight</a><br><a href="http://shjs.sourceforge.net/">SHJS</a><br><a href="https://github.com/googlearchive/code-prettify">google code-prettify</a><br><a href="https://developer.mozilla.org/en-US/docs/MDN/Editor/Syntax_highlighting">Mozilla syntax highlighting</a><br><br></div><div>-----------------------------------------------------------<br>Kalau maksudnya bisa berwarna atau style tertentu; biasanya di sebut <a href="https://code.visualstudio.com/docs/getstarted/themes">color theme</a>.<br>Dalam hal ini theme code editor.<br>Yang popular saat ini untuk code editor adalah visual studio code, tentu theme-nya banyak yang menyediakan. <br>Tinggal sesuai selera saja, bisa lihat macam-macam theme di <a href="https://vscodethemes.com/">VSCcodeThemes</a>.</div>
Jawaban Terpilih
<div>Cara agar kode terhighlight / berwarna di browser , disebut code highlighter ada banyak<br>bisa cari "code highlighter js"<br>contoh:<br><br><a href="https://highlightjs.org/">https://highlightjs.org/</a><br><a href="https://prismjs.com/">https://prismjs.com/</a></div>
Tanggapan
Makasih mas. :)