NOTE: As Chroma has just been released, its API is still in flux. That said, the high-level interface should not change significantly.Chroma takes source code and other structured text and converts it into syntax highlighted HTML, ANSI-coloured text, etc.
syntax highlighting highlighter library tool html consolePygments, a Python-based code highlighting tool, comes with a set of builtin styles (not css files) for code highlighting. You have to generate a CSS file using the command line. You can generate these yourself, but this git repository has already generated them for you.
pygments css highlightingHighlight.js is a syntax highlighter written in JavaScript. It works in the browser as well as on the server. It works with pretty much any markup, doesn’t depend on any framework and has automatic language detection. It supports 176 languages and 79 styles, automatic language detection, multi-language code highlighting and lot more.
highlight syntax highlighting syntax-highlighter code-highlightinghighlights code in any programming language
syntax highlight highlighting source code source-code snippet code-snippetPrism is a lightweight, robust, elegant syntax highlighting library. It's a spin-off project from Dabblet. The core is 2KB minified & gzipped. Languages add 0.3-0.5KB each, themes are around 1KB. Define new languages or extend existing ones. Add new features thanks to Prism’s plugin architecture. It supports parallelism with Web Workers, if available. All styling is done through CSS, with sensible class names like .comment, .string, .property etc
prism highlight syntax-highlighter syntax highlightingCheck out a small demo here and see the component in action highlighting the generated test code here. There are other syntax highlighters for React out there so why use this one? The biggest reason is that all the others rely on triggering calls in componentDidMount and componentDidUpdate to highlight the code block and then insert it in the render function using dangerouslySetInnerHTML or just manually altering the DOM with native javascript. This utilizes a syntax tree to dynamically build the virtual dom which allows for updating only the changing DOM instead of completely overwriting it on any change, and because of this it is also using more idiomatic React and allows the use of pure function components brought into React as of 0.14.
react syntax lowlight highlighting astHighlight keywords using JavaScript. Intended for every use case. Can e.g. be used to mark text in search results.
mark highlight highlighter mark-text highlighting highlight-keywords mark.js markjs jquery.mark jmhighlight search text keywordThis repository has been archived and is no longer maintained. Announcement: Action required rawgit.com is going away.
syntax highlight highlighting source code prettify googlecolor_coded is a vim plugin that provides realtime (fast), tagless code highlighting for C++, C, and Objective C using libclang. First, install all required dependencies.
vim clang highlighting cplusplus libclangA JavaScript library to progressively highlight any text on a page. Great for when you want users to pay attention to some important text. It can also be used to show progress of a task − Read something while tasks are being completed.
highlight highlighting hilite text-highlightPrimrose is an immersive environment for web browsers on desktop and mobile devices alike. Within this environment, web developers can be applications that progressively enhance to support users on a wide variety of form factors, including high-end VR headsets. If you're interested in contributing to the framework, we'd love to have you involved. Primrose is open to contributors of all skill levels and we are ready and willing to help beginners work through issues. Please read the guidelines for contributing before doing so.
webvr-framework virtual-reality webvr framework first-timers help-wanted html5 object-oriented webgl computer-graphics vr text editor canvas syntax highlightingRainbow is a code syntax highlighting library written in JavaScript. It was designed to be lightweight (1.4kb), easy to use, and extendable. It is completely themable via CSS. If you have a language specific pattern that you want highlighted, but it does not exist in the language syntax rules you can add a rule on your page.
code-highlighting syntax-highlighting highlighting code beautifyThis mode derives from js2-jsx-mode, extending its parser to support JSX syntax according to the official spec. This means you get all of the js2 features plus proper syntax checking and highlighting of JSX code blocks. Alternatively, you can download rjsx-mode.el from this repository and use load-file or similar to add it to your current session.
jsx highlighting emacs major-mode rjsx-mode parsingThe styles will most likely be in node_modules/highlight.js/styles folder. Code snippet that requires syntax highlighting should be passed as children to Highlight component in string format. Language name of code snippet should be specified as className.
react highlight.js syntax highlighting react-componentMeiliSearch is a powerful, fast, open-source, easy to use, and deploy search engine. The search and indexation are fully customizable and handles features like typo-tolerance, filters, and synonyms. It features include Search as-you-type experience, Full text search, Supports Synonym, Highly customizable, RESTfull API and lot more.
search-engine typo-tolerance instant synonyms highlighting searchengine full-text-searchTooltip popup for jQuery
jquery-plugin tooltip bubble hint popup ui tour exposure highlighting amdPage Walkthrough is a flexible system for designing interactive, multimedia, educational walkthroughs.
jquery-plugin walkthrough tooltip highlighting guideHighlight Navigation enables keyboard, mouse, and touch element highlighting and navigation for children. For example, highlight and navigate table rows by pressing configurable keys. Actions can be specified via callback for each event type. Also works well with UL, OL, DL, and NAV. Built to work for all elements with children.
jquery-plugin keyboard navigation highlightingExperimental approach to writing CodeMirror modes
syntax highlighting editor codemirror mode grammar parser
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.