Lo que quieres se llama "editores
WYSIWYG" ("
what you see is what you get"). Hay varios dando vueltas por la web. Sin embargo, dado que quieres aplicarle un código
BBCODE y más aún, uno modificado por ti, creo que lo mejor será que lo hagas tú mismo. Es una tarea larga y difícil, pero se simplifica mucho si estás dispuesto a renunciar a que se escriba en el mismo texto que le muestra el contenido con formato. Puedes tener un
textarea normal, donde se escribe, y un
div que muestre el resultado. Con cada "
onchange" del
textarea (u "
onkeypress", "
onkeyup", etc.) puedes disparar el evento que parsee el
textarea y según eso actualice el
div. ¡Suerte!