JavaScript - div contenteditable true ver código

Buenos días.

Tengo un div utilizado para un editor de texto, con contenteditable true.
Mi duda es cómo podría intercambiar la forma de ver el contenido.

Me explico:
Quiero poder utilizar un botón para ver el código html o volver a ver el código interpretado.
Por ejemplo, si escribo PAN en negrita, verlo en negrita o ver el código <b>PAN</b>.

Gracias.

Hola Pedro, no entiendo muy bien lo que quieres hacer... un editor de HTML?

Puedes mostrar tu código para ver si entiendo que quieres hacer?

Es un div contenteditable=true
Para crear un editor html.
Se va viendo el texto como en un editor normal.
Lo que me interesa es ver el código html que se genera.
No se si hay posibilidad de hacer que el div deje de interpretar el código html y muestre el código completo.

En el enlace está el editor que estoy implementando.

http://tukyteca.es/pizarra/index.php

Lo que quiero es poder escribir directamente en html algunas cosas que no tengo implementadas.
Por ejemplo, si quiero poner algún estilo en una tabla, o añadir filas.
Para ello me gustaría usar un botón para que pase a ver el código completo o interpretarlo.

Gracias.