Caution
This is a fork of Prism intended for ESM. Some things will be slightly different. This project is not associated with PrismJS.
I wanted to use Prism in a library, however, being a UMD global, I didn't want to interfere with other people using the library. I also couldn't get it working with Web Test Runner
import { Prism, environment } from "prism-esm"
// {manual: false} turns ON automatic highlighting. Automatic highlighting is disabled by default.
const prism = new Prism({ manual: false })
// `environment` is basically `globalThis`. In browsers, it refers to `window`.
environment.Prism = prismimport { Prism } from "prism-esm"
import { loader as RubyLoader } from "prism-esm/components/prism-ruby.js"
const prism = new Prism()
RubyLoader(prism)import { Prism } from "prism-esm"
import { Plugin as Autolinker } from "prism-esm/plugins/autolinker.js"
const prism = new Prism()
Autolinker(prism)This hasn't been set up yet, and probably won't be anytime soon as I currently don't really have a need for it and there's quite a lot of complexity around load orders.
Prism is a lightweight, robust, and elegant syntax highlighting library. It's a spin-off project from Dabblet.
You can learn more on prismjs.com.
Why another syntax highlighter?
We are currently working on Prism v2 and will only accept security-relevant PRs for the time being.
Once work on Prism v2 is sufficiently advanced, we will accept PRs again. This will be announced on our Discussion page and mentioned in the roadmap discussion.
Prism v1 contributing notes
Prism depends on community contributions to expand and cover a wider array of use cases. If you like it, consider giving back by sending a pull request. Here are a few tips:
- Read the documentation. Prism was designed to be extensible.
- Do not edit
prism.js, it’s just the version of Prism used by the Prism website and is built automatically. Limit your changes to the unminified files in thecomponents/folder.prism.jsand all minified files are generated by our build system (see below). - Use
npm cito install Prism's dependencies. Do not usenpm installbecause it will cause non-deterministic builds. - The build system uses gulp to minify the files and build
prism.js. With all of Prism's dependencies installed, you just need to run the commandnpm run build. - Please follow the code conventions used in the files already. For example, I use tabs for indentation and spaces for alignment. Opening braces are on the same line, closing braces on their own line regardless of construct. There is a space before the opening brace. etc etc.
- Please try to err towards more smaller PRs rather than a few huge PRs. If a PR includes changes that I want to merge and also changes that I don't, handling it becomes difficult.
- My time is very limited these days, so it might take a long time to review bigger PRs (small ones are usually merged very quickly), especially those modifying the Prism Core. This doesn't mean your PR is rejected.
- If you contribute a new language definition, you will be responsible for handling bug reports about that language definition.
- If you add a new language definition or plugin, you need to add it to
components.jsonas well and rebuild Prism by runningnpm run build, so that it becomes available to the download build page. For new languages, please also add a few tests and an example in theexamples/folder. - Go to prism-themes if you want to add a new theme.
Thank you so much for contributing!!
Prism will run on almost any browser and Node.js version but you need the following software to contribute:
- Node.js >= 10.x
- npm >= 6.x