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 ve es lo que obtiene" (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 (implementado con el elemento HTML). Internet Explorer fue el primero en agregar un "designMode" especial que permitía que el usuario editara partes formateadas de un documento usando un cursor . Mozilla siguió su ejemplo 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 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.
Acercarse
La mayoría de los editores de texto enriquecido en línea utilizan un elemento iframe para el área de contenido. De esta forma, 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 usar en cualquier lugar del sitio (por ejemplo, en un área de administración) mientras se mantienen 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 tales editores "in situ" son DotNetNuke CMS.
Implementaciones
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 .
Ver también
Referencias
- ^ "Edición de texto enriquecido en Mozilla" . developer.mozilla.org.
- ^ "RE: HTML Action Item 54 - ... borrador de texto para la especificación HTML 5 para requerir que los productores / autores incluyan @alt en los elementos img. De Frederico Caldeira Knabben el 2008-05-14 ([email protected] de mayo 2008) " . Lists.w3.org . Consultado el 23 de septiembre de 2010 .
- ^ "7 Interacción del usuario - HTML5" . W3.org . Consultado el 23 de septiembre de 2010 .
- ^ "TinyMCE | Apariencia del editor" . www.tinymce.com . Consultado el 5 de julio de 2016 .