2 repository-uri
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 is a component for rendering source code with syntax highlighting in React applications. It acts as a wrapper for the PrismJS and Highlight.js engines to provide formatted code display and language-specific colors. The project provides a customizable code block renderer that supports custom DOM injection, line numbering, and inline styling. It allows users to replace default HTML tags with custom React components to control how code is injected into the document object model. The library covers code presentation management through visual themes and line numbering. It
Implements a customizable renderer that allows replacing default HTML tags with user-defined React components for granular DOM control.
Braft Editor este un editor de text îmbogățit bazat pe React, construit pe Draft.js, care oferă un framework pentru crearea și formatarea conținutului. Funcționează ca o componentă UI reutilizabilă care permite utilizatorilor să compună documente formatate într-o interfață WYSIWYG și să exporte conținutul rezultat ca string-uri HTML. Proiectul dispune de suport de localizare încorporat pentru mai multe limbi, inclusiv chineză, japoneză și coreeană. Oferă un sistem modular pentru extinderea funcționalității editorului prin plugin-uri, mapări personalizate ale toolbar-ului și entități media specializate. Editorul acoperă o gamă largă de capabilități de conținut, inclusiv formatarea textului îmbogățit, stilizarea paragrafelor și a blocurilor și organizarea listelor imbricate. Suportă încorporarea conținutului multimedia, cum ar fi imagini, audio, video și blocuri de cod formatate. Starea documentului este gestionată printr-un model de componentă controlată, permițând sincronizarea între editor și starea aplicației.
Includes formatted code blocks that support tab-based indentation and custom visual rendering.