Редактор с использованием html, css, javascript

Как реализовать редактор на html, css, javascript, в котором можно было бы:

1. местами выделять написанный текст жирным шрифтом или курсивом
2. отмечать перечисления точками (пунктами)
3. вставлять фрагменты кода (с подсветкой синтаксиса) ?

<div> здесь фрагмент кода </div>

Может есть какие-то готовые решения (с примерами использования)? Потому что я создал textarea, начал гуглить и понял, что textarea для этого не подходит и что для такой реализации потребуется написать тонну js и css кода.

P.S. Что касается последнего пункта, я читал о CodeMirror, но не смог найти, как вставлять область для кода в нужное место и подогнать эту область под размер написанного там кода.

P.S.S Я пишу блог, и мне нужен этот редактор для создания и редактирования постов.