Principios básicos de los editores de texto enriquecido

¡Este principio es tan simple! Para los navegadores que admiten la edición de texto enriquecido, puede activar el atributo designMode del documento y luego ejecutar document.execCommand('commandName'[, UIFlag[, value]]). El nombre del comando y el valor se pueden encontrar en MSDN y MDC. Son los comandos que usamos para crear varios formatos. Por ejemplo, si queremos poner la fuente en negrita, ejecute document.execCommand('bold', false). Muy sencillo, ¿verdad? Sin embargo, vale la pena señalar que el comando generalmente se ejecuta después de seleccionar el texto y formatear el texto seleccionado. Cada navegador tiene diferentes métodos de procesamiento para ejecutar este comando en texto no seleccionado. Por ejemplo, IE puede formatear el contenido de la etiqueta ubicada en el cursor, mientras que otros navegadores no realizan ningún procesamiento. Esto va más allá del contenido de este artículo y no lo hará. ser detallado. Al mismo tiempo, cabe señalar que establecer el parámetro UIFlag en verdadero significa mostrar cualquier interfaz de usuario activada por el comando (si corresponde). En nuestro tutorial de hoy, todo es falso y el valor solo está disponible en algunos nombres de comando. Consulte los dos enlaces que se muestran arriba.

Para no afectar el documento actual, el método habitual es incrustar un elemento iframe en la página y luego operar el documento en el iframe (obtenido a través de iframe.contentWindow.document).

Bastante sencillo, ¿verdad? Hagamos uno a continuación.