How to add Code Editor to hold code sample in html

I am a newbie web developer. I am presently designing a personal blog. I am using html, css3 and for functionality i am using angulajs. Now, i have to add a code editor to show sample code in the blog. But i do not find any idea what to use or how to do it. Should i use any Js plugin for that. Any suggestion ???

I have done this using a textarea and using css i can highlight.