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-obtienes" (WYSIWYG). El objetivo es reducir el esfuerzo de los usuarios que intentan expresar su formato directamente como formato 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 agregar un "modo de diseño" especial que permitía al usuario editar partes formateadas de un documento utilizando un cursor . Mozilla hizo lo mismo en la versión 1.3, [1] y la mayoría de los principales navegadores ahora implementan 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 cubiertas por las especificaciones del W3C para HTML4 . Sin embargo, servicios populares como Gmail y WordPress se han basado en la edición de texto enriquecido como su principal interfaz de usuario. Con HTML5 , se realizó cierta estandarización en una propiedad DOM llamada "contentEditable", que se parece a la extensión original de Internet Explorer. [3] Muchas de las suites ofimáticas en línea tienden a proporcionar funciones de formato y edición 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 forma el contenido del editor hereda el mismo estilo que el resto de la página, porque está en el mismo documento. Este enfoque se utiliza principalmente cuando los usuarios necesitan editar contenido "in situ", preservando el diseño general de la página. Ejemplos de estos editores "in situ" son 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 utilizan un iframe , para evitar conflictos de estilo, incluyen CKEditor , Dijit Editor y TinyMCE .