Redacta texto enriquecido en un editor en vivo y obtien el HTML generado, con formato, listas, enlaces y vista de codigo.
Redacta texto enriquecido en un editor en vivo y obtien el HTML generado, con formato, listas, enlaces y vista de codigo. Redacta texto enriquecido en un editor en vivo y obtien el HTML generado, con formato, listas, enlaces y vista de codigo.
WYSIWYG significa What You See Is What You Get. En vez de teclear etiquetas HTML crudas, editas el documento visualmente -- negrita, cursiva, titulos, listas, enlaces, etc. -- y el editor traduce tus acciones a marcado por ti. La pagina que ves usa la capacidad contenteditable del navegador mas la API document.execCommand, presente en todos los navegadores desde hace mas de una decada. No hay biblioteca de terceros: el formato lo aplica el navegador de forma nativa, asi que el HTML generado coincide exactamente con lo que tu navegador produce en cualquier otra zona editable de la web.
La barra cubre las operaciones que la mayoria necesita: deshacer/rehacer, negrita, cursiva, subrayado, tachado, titulos H1-H3, parrafos, bloques de codigo, listas con vineta y numeradas, citas en bloque, enlaces y eliminar todo el formato. Los selectores de fuente y tamano cambian la tipografia y el tamano de la seleccion actual. El conmutador de codigo alterna entre la vista renderizada y un textarea con el HTML crudo, que puedes editar directamente. La linea de estadisticas bajo el editor muestra el recuento de caracteres y palabras del contenido actual.
El editor produce marcado semantico siempre que es posible, en vez de sopa presentacional: los titulos se vuelven <h1>/<h2>/<h3>, las listas <ul>/<ol>/<li>, las citas <blockquote> y el codigo <pre>. El formato a nivel de texto se aplica con <strong>, <em>, <u> y <del>. Como el motor es execCommand del navegador, el marcado exacto puede variar ligeramente entre navegadores -- un clic en negrita puede producir <strong> en uno y <b> en otro. Para maxima compatibilidad, el HTML exportado es intencionadamente minimo y puede pegarse en correos, editores CMS o sistemas de documentacion sin limpieza extra.
Copia el HTML exportado desde el campo de salida tras cambiar a la vista de codigo, o usa el boton Copiar HTML. Al pegar en un cliente de correo, mantén el marcado simple -- muchos clientes eliminan <style> y el anidamiento complejo. Si necesitas incrustar este contenido en una pagina con estilos propios, prefiere etiquetas semanticas y evita estilos en linea; el marcado exportado no usa estilos en linea, asi que hereda el CSS de tu pagina de forma natural. Todo en esta pagina corre en local en tu navegador; el contenido nunca sale de la pagina.