JavaScript - problema al editar table o span en iframe

Buenos días. Tengo un problema al editar texto en un iframe.
Consigo incluir tablas o span en general. El problema es que si es al final del documento, no consigo poder situarme detrás para seguir escribiendo. ¿Alguna idea?
Gracias.

No me queda clara tu explicación, pero supongo quieres hacer algo como ESTO.
Espero que te sea útil.

Buenas noches. Ante todo gracias por contestar.
No es exactamente eso.
Mi problema es que en un iframe que actúa como editor introduzco el código de una fracción.
Si está en la mitad de una frase no hay problema.
El problema es si se encuentra al final. No puedo salir del span y continuar escribiendo detrás de la fracción.
Lo mismo me pasa con las tablas. Al poner una tabla, no puedo escribir nada detrás, sólo dentro. Parece que al encontrar un span al final del código, no deja salir de él.

Por otro lado, si elimino uno de los elementos de la fracción y se queda un span del css vacío (por ejemplo el span numerador) hace cosas raras (por ejemplo, no me deja volver a ese span y escribir otra cosa). Hay alguna forma con css de que ese span vacío lo ocupe por ejemplo un cuadrado o cualquier otro elemento solo cuando está vacío.

Gracias.