Un editor de texto enriquecido en línea es la interfaz para editar texto enriquecido dentro de los navegadores web , que presenta al usuario un área de edición "lo que ves es lo que obtienes" (WYSIWYG). El objetivo es reducir el esfuerzo de los usuarios que intentan expresar su formato directamente como marcado HTML válido .
Aunque los primeros navegadores podían mostrar texto enriquecido, la entrada de datos del usuario se limitaba a cuadros de texto con una única fuente y estilo (implementados con el <textarea>elemento HTML). Internet Explorer fue el primero en añadir un "modo de diseño" especial que permitía al usuario editar partes formateadas de un documento mediante un cursor . Mozilla siguió su ejemplo en la versión 1.3 [1] , y la mayoría de los navegadores principales implementan ahora este estándar informal de alguna manera. [2]
Las capacidades técnicas necesarias para implementar un editor de texto enriquecido en línea no estaban contempladas en las especificaciones del W3C para HTML4 . Sin embargo, servicios populares como Gmail y WordPress han confiado en la edición de texto enriquecido como su interfaz de usuario principal. Con HTML5 , se realizó cierta estandarización en una propiedad DOM llamada "contentEditable", que se asemeja a la extensión original de Internet Explorer. [3] Muchas de las suites de oficina en línea tienden a proporcionar funciones de edición y formato de texto en línea.
La mayoría de los editores de texto enriquecido en línea utilizan un elemento iframe para el área de contenido. De esta manera, el contenido dentro del editor está separado del resto de la página, porque está en un documento diferente. El beneficio de esta separación es que el editor se puede utilizar en cualquier parte del sitio (por ejemplo, en un área de administración) y, al mismo tiempo, mantiene los estilos de contenido que los usuarios esperan ver cuando se publica el contenido (por ejemplo, en un área pública).
Algunos editores utilizan elementos div para su área de contenido. De esta manera, el contenido del editor hereda el mismo estilo que el resto de la página, porque se encuentra en el mismo documento. Este enfoque se utiliza principalmente cuando los usuarios necesitan editar contenido "in situ", conservando el diseño general de la página. Un ejemplo de estos editores "in situ" es el CMS DotNetNuke.
Los editores en línea se diferencian de los editores normales en que pueden editar el contenido directamente, sin colocarlo dentro de otro elemento, frecuentemente con un `contenteditable`atributo. Estos editores incluyen Aloha Editor, CKEditor , SnapEditor y TinyMCE . [4] Los editores que usan un iframe para evitar conflictos de estilo incluyen CKEditor , Dijit Editor y TinyMCE .