PHP - Ayuda Imediata con cuaderno

Hola....tengo una pequeña duda mira lo que pasa es que pa no estar usando cuadernos, lapiceros y estas cosas en la universidad ... opte por hacer una web usando un servidor local en mi laptop para que guarde todo el contenido de mis cursos y esas cosas todo va de maravilla pero tendo un pequeño problemita..lo que pasa es que queria hacer algo como esto de esta web colocar botones para insertar
codigo


y asi con imagenes

como esta la tiene cuando agregas un nuevo post ... ya desarrole uno pero la verdad no me convense ... no se si alguien me podria lanzar ideas .... estoy usando PHP HTML5 y CSS3... javascript

nota: no excatamente la apariencia sino como para reconocer q de todo el texto q ingreso que parte tendra distincto estilo o que se yo que se me podria ocurrir darle ... por ejemplo colocar

[Ttitle]TITUO PRINCIPAL[/Ttitle]
[subtitle]SUB TITULO[/subtitulo]
y asi pues para despues darle su respectivo estilo ....

Pues justo hoy navegando por la internet me he topado con esto:
http://www.programacionweb.net/articulos/articulo/formatear-con-xbbcode/.
Creo que es parecido a lo que buscas, seguramente se podrá mejorar mucho, también puede sacarlo de otros foros o blogs lo incorporan por defecto... Podrías sacar el módulo de algún proyecto open source y listo.

Un saludo

Hola Robert, aqui tienes un ejemplo:
http://www.lawebdelprogramador.com/codigo/JavaScript/1422-bebecode.html

Hola Robert,

Lo que quieres hacer se llama Wiki, como lo que hace la popular enciclopedia Wikipedia. Para lograr eso puedes usar un Parser que convierta los tags en codigo HTML (XHTML)

Encontré estos, fíjate si te sirven

https://github.com/d2g/WikiParser

http://wikirenderer.jelix.org/

http://johbuc6.coconia.net/doku.php/mediawiki2html_machine