2 repositorios
Components that allow users to define how code blocks are injected into the DOM using custom React components.
Distinct from Custom Code Block Rendering: Focuses on DOM injection and structural customization rather than transforming code into non-textual components like charts.
Explore 2 awesome GitHub repositories matching user interface & experience · Customizable Code Block Renderers. Refine with filters or upvote what's useful.
react-syntax-highlighter es un componente para renderizar código fuente con resaltado de sintaxis en aplicaciones React. Actúa como un envoltorio para los motores PrismJS y Highlight.js para proporcionar visualización de código formateado y colores específicos del lenguaje. El proyecto proporciona un renderizador de bloques de código personalizable que admite inyección DOM personalizada, numeración de líneas y estilos en línea. Permite a los usuarios reemplazar etiquetas HTML predeterminadas con componentes React personalizados para controlar cómo se inyecta el código en el modelo de objetos del documento (DOM). La biblioteca cubre la gestión de presentación de código mediante temas visuales y numeración de líneas. Incluye mecanismos para la optimización de paquetes, como la carga asíncrona de motores de resaltado y definiciones de lenguaje específicas para reducir los tiempos de carga inicial de la página.
Implements a customizable renderer that allows replacing default HTML tags with user-defined React components for granular DOM control.
Braft Editor es un editor de texto enriquecido basado en React construido sobre Draft.js que proporciona un framework para la creación y el formato de contenido. Funciona como un componente de interfaz de usuario reutilizable que permite a los usuarios redactar documentos formateados en una interfaz WYSIWYG y exportar el contenido resultante como cadenas HTML. El proyecto cuenta con soporte de localización integrado para múltiples idiomas, incluyendo chino, japonés y coreano. Proporciona un sistema modular para extender la funcionalidad del editor a través de plugins, mapeos de barra de herramientas personalizados y entidades multimedia especializadas. El editor cubre una amplia gama de capacidades de contenido, incluyendo formato de texto enriquecido, estilo de párrafos y bloques, y la organización de listas anidadas. Admite la incrustación de contenido multimedia como imágenes, audio, video y bloques de código formateados. El estado del documento se gestiona a través de un patrón de componente controlado, permitiendo la sincronización entre el editor y el estado de la aplicación.
Includes formatted code blocks that support tab-based indentation and custom visual rendering.