2 रिपॉजिटरी
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, Draft.js पर निर्मित एक React-आधारित रिच टेक्स्ट एडिटर है जो कंटेंट निर्माण और फॉर्मेटिंग के लिए एक फ्रेमवर्क प्रदान करता है। यह एक पुन: प्रयोज्य UI घटक के रूप में कार्य करता है जो उपयोगकर्ताओं को WYSIWYG इंटरफेस में स्वरूपित डॉक्यूमेंट्स लिखने और परिणामी कंटेंट को HTML स्ट्रिंग्स के रूप में एक्सपोर्ट करने की अनुमति देता है। इस प्रोजेक्ट में चीनी, जापानी और कोरियाई सहित कई भाषाओं के लिए इन-बिल्ट लोकलाइजेशन समर्थन है। यह प्लगइन्स, कस्टम टूलबार मैपिंग और विशेष मीडिया एंटिटीज के माध्यम से एडिटर की कार्यक्षमता का विस्तार करने के लिए एक मॉड्यूलर सिस्टम प्रदान करता है। एडिटर कंटेंट क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है, जिसमें रिच टेक्स्ट फॉर्मेटिंग, पैराग्राफ और ब्लॉक स्टाइलिंग, और नेस्टेड सूचियों का संगठन शामिल है। यह इमेज, ऑडियो, वीडियो और स्वरूपित कोड ब्लॉक जैसे मल्टीमीडिया कंटेंट को एम्बेड करने का समर्थन करता है। डॉक्यूमेंट स्टेट को कंट्रोल्ड घटक पैटर्न के माध्यम से मैनेज किया जाता है, जो एडिटर और एप्लिकेशन स्टेट के बीच सिंक्रोनाइज़ेशन की अनुमति देता है।
Includes formatted code blocks that support tab-based indentation and custom visual rendering.