Mostrar código fuente en tiempo real en entrada

Hola, amigos del foto, estoy pensando en crear una entrada que tiene un ejemplo de un framework de la cual voy a hablar y ando buscando a ver si existe la posibilidad de mostrar la salida del ejemplo en la misma entrada y no mostrarlo en una captura de pantalla.

Sería algo así: Introduction ? Vue.js Lo quiero como dice en la sección del "Hello Vue!".

Si alguien lo sabe lo agradecería un montón. Saludos

Si se puede, pero toca que contrates a un programador, ya que no es cuestión de solo tocar una pedazo de código.

Saludos