2 مستودعات
Awesome GitHub RepositoriesCustomizable Code Block Renderers
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.
Awesome Customizable Code Block Renderers GitHub Repositories
اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
- conorhastings/react-syntax-highlighter
conorhastings/react-syntax-highlighter
4,663عرض على GitHubreact-syntax-highlighter هو مكون لعرض الكود المصدري مع تمييز بناء الجملة في تطبيقات React. يعمل كمغلف لمحركات PrismJS و Highlight.js لتوفير عرض كود منسق وألوان خاصة باللغة. يوفر المشروع عارض كتل كود قابل للتخصيص يدعم حقن DOM المخصص، وترقيم الأسطر، والتنسيق المضمن. يسمح للمستخدمين باستبدال علامات HTML الافتراضية بمكونات React مخصصة للتحكم في كيفية حقن الكود في نموذج كائن المستند. تغطي المكتبة إدارة عرض الكود من خلال السمات المرئية وترقيم الأسطر. تتضمن آليات لتحسين الحزمة، مثل تحميل محركات التمييز وتعريفات اللغة المحددة بشكل غير متزامن لتقليل أوقات تحميل الصفحة الأولية.
Implements a customizable renderer that allows replacing default HTML tags with user-defined React components for granular DOM control.
JavaScript - margox/braft-editor
margox/braft-editor
4,591عرض على GitHubBraft Editor هو محرر نصوص غنية قائم على React ومبني على Draft.js يوفر إطار عمل لإنشاء المحتوى وتنسيقه. يعمل كمكون واجهة مستخدم قابل لإعادة الاستخدام يسمح للمستخدمين بتأليف مستندات منسقة في واجهة WYSIWYG وتصدير المحتوى الناتج كسلاسل HTML. يتميز المشروع بدعم مدمج للترجمة للغات متعددة، بما في ذلك الصينية واليابانية والكورية. يوفر نظاماً معيارياً لتوسيع وظائف المحرر من خلال الإضافات، وتعيينات شريط الأدوات المخصصة، وكيانات الوسائط المتخصصة. يغطي المحرر مجموعة واسعة من قدرات المحتوى، بما في ذلك تنسيق النصوص الغنية، وتنسيق الفقرات والكتل، وتنظيم القوائم المتداخلة. يدعم تضمين محتوى الوسائط المتعددة مثل الصور، والصوت، والفيديو، وكتل الكود المنسقة. تتم إدارة حالة المستند من خلال نمط المكون المتحكم فيه، مما يسمح بالمزامنة بين المحرر وحالة التطبيق.
Includes formatted code blocks that support tab-based indentation and custom visual rendering.
JavaScript
