Awesome GitHub RepositoriesEditor Lifecycle APIs

Cherry Markdown es un editor de Markdown basado en web y motor de análisis que convierte texto de marcado en HTML saneado con un panel de vista previa sincronizado en tiempo real. Funciona como una interfaz de texto enriquecido y herramienta WYSIWYG, proporcionando un sistema para transformar cadenas de marcado en documentos HTML o formatos portátiles. El proyecto se distingue por un renderizado de alto rendimiento y un modelo de extensibilidad flexible. Utiliza diffing de DOM virtual y renderizado parcial para mantener la capacidad de respuesta en documentos grandes, y permite la creación de reglas de análisis personalizadas y componentes HTML especializados mediante un sistema de plugins. La superficie de capacidades del editor incluye gestión integral de contenido para fórmulas matemáticas, diagramas y medios enriquecidos, así como controles de entrada avanzados como edición con múltiples cursores y navegación modal estilo Vim. También cuenta con un flujo de trabajo robusto de exportación de documentos y un sistema de tokens de diseño para una personalización visual profunda del editor y las áreas de vista previa. El sistema incluye una capa de seguridad que utiliza saneamiento de HTML basado en listas blancas para prevenir ataques de inyección.

ContentTools es un framework de JavaScript y un conjunto de herramientas para construir editores visuales WYSIWYG. Proporciona una biblioteca de manipulación del DOM para analizar y transformar cadenas HTML en regiones editables estructuradas, junto con un orquestador de documentos visual que gestiona los comportamientos de los elementos y las transiciones de estado. El framework incluye un gestor de selección de navegador especializado para asegurar un posicionamiento del cursor y un resaltado de rango de texto consistentes en diferentes navegadores web. También cuenta con un validador de contenido HTML utilizado para sanitizar la salida y convertir enlaces de medios de terceros en formatos de incrustación válidos. El sistema cubre una amplia gama de capacidades, incluyendo manipulación interactiva del DOM para elementos arrastrables y redimensionables, formato de texto enriquecido y flujos de trabajo de procesamiento de imágenes para recortar y rotar. También proporciona herramientas para el seguimiento del historial de edición mediante instantáneas del DOM y un sistema de componentes de UI para gestionar cajas de herramientas y navegación jerárquica mediante breadcrumbs. El proyecto aplica seguridad mediante restricciones de atributos de elementos para evitar modificaciones no autorizadas de etiquetas HTML.