2 个仓库
UI layers that provide advanced visual highlighting of code ranges, diffs, and compiler errors within web interfaces.
Distinct from Code Visualizers: Focuses on the holistic visualization layer for code documentation, whereas candidates focus on narrow tasks like line highlighting or general dependency graphs.
Explore 2 awesome GitHub repositories matching user interface & experience · Code Syntax Visualizers. Refine with filters or upvote what's useful.
Codehike 是一个基于 React 的文档框架和交互式代码演练工具。它作为一个 Markdown 内容编排器,将修饰后的 Markdown 转换为结构化数据和 React 组件,作为用于高亮代码范围、差异和编译器错误的可视化层。 该项目的特点是能够创建“滚动代码”(scrollycoding)体验和分步技术教程。它具有标记级动画,可直观地演示逻辑如何在代码版本之间演变,并提供了一个将 UI 状态与浏览器滚动位置同步的系统。 该框架涵盖了广泛的可视化功能,包括创建代码幻灯片、聚光灯布局和选项卡式代码块。它支持通过工具提示、标注和脚注进行详细的代码注释,以及语言切换器、代码转译和实时编译器数据集成等功能实用程序。 该系统利用基于模式的验证来确保从 Markdown 文件中提取的结构化数据的类型安全性和一致性。
Provides a specialized visualization layer for highlighting code ranges, diffs, and compiler errors in web-based code blocks.
Shellharden 是一个 Shell 脚本加固工具和 linter,旨在提高 Bash 脚本的安全性和可靠性。它作为一个自动化工具,重写脚本以遵循行业标准的引用和安全实践。 该项目提供了一个优化器和标准化工具,用更安全的函数等效项替换不安全的模式和别名。它包含一个语法高亮器,使用视觉标记和颜色来指示漏洞以及需要进行引用修正的区域。 该工具涵盖了广泛的功能,包括自动安全修复、漏洞检测和脚本错误检测。这些功能通过自动重写和结构化语法验证确保脚本的一致性。
Provides a UI layer that visually highlights code ranges and vulnerabilities within the script.