kmx.io/prism.js

Diff

  • Show log

    Commit

  • Hash : 07b81ac7
    Author : James DiGioia
    Date : 2016-11-08T20:08:49

    Plugins: Toolbar & Copy to Clipboard (#891) * Add prism-toolbar plugin This plugin exposes a `registerButton` method, which other plugins can use to add buttons to the toolbar. Comes with styles. * Add demo file for toolbar plugin Registers a "Hello World!" tag with the toolbar. * Make `toolbar.registerButton` polymorphic This allows developers to provide either a callback or an object with a `text` string and an optional `onClick` function to create a new button. * Add Toolbar & Copy to Clipboard to components.js * Add Copy to Clipboard plugin * Switch `innerHTML` to `textContent` This ensures additional HTML can't be passed to the toolbar via the `text` property, ensuring a consistent display for the buttons. * Use `call` to bind `this` to the `onClick` method This provides access to the clicked element, which is what `this` is usually bound to on event listeners. * Add hover animation to toolbar * Add drop shadow to toolbar buttons * Add `clipboard` to `optionalDependencies` This will install Clipboard.js when installing from `npm`, but won't fail the build if the installation of Clipboard.js fails. * Load Clipboard.js from CDN if not present * Display plugin code using data-src * Recompile prism-toolbar * Update Show Languages to be a Toolbar button Show Languages now registers a callback with the toolbar plugin to return an element with the language in it. * Add basic HTML API & documentation The Toolbar will now be able to read a `data-label` attribute and add it to the code snippet. * Switch a -> button when only providing onClick Also adds a `url` property which creats an anchor tag and sets the href. Adds some styles to override the button defaults. * Add support for data-url to create anchor tag This allows the HTML API to create links in the Toolbar. * Update toolbar to allow order controlled via HTML Uses a data-attribute on the `body` tag to update the order, should the user choose to do so. * Allow template element to provide content to label This provides one of several options a user can implement in order to get a custom button. Also fixes some bugs in the documentation. * Fix bug when combined with the autoloader plugin The autoloader will rehighlight the element after the language arrives. This means the complete hook can run multiple times. Without a check, multiple toolbars can get added to an element.

  • Properties

  • Git HTTP https://git.kmx.io/kmx.io/prism.js.git
    Git SSH git@git.kmx.io:kmx.io/prism.js.git
    Public access ? public
    Description

    Lightweight, robust, elegant syntax highlighting.

    https://github.com/PrismJS/prism/
    Users
    		 thodg
    Tags

  • README.md

  • Prism

    Prism is a lightweight, robust, elegant syntax highlighting library. It’s a spin-off project from Dabblet.

    You can learn more on http://prismjs.com/.

    Why another syntax highlighter?: http://lea.verou.me/2012/07/introducing-prism-an-awesome-new-syntax-highlighter/#more-1841

    Contribute to Prism!

    Prism depends on community contributions to expand and cover a wider array of use cases. If you like it, considering 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 the components/ folder. The minified files are also generated automatically.
    • The build system uses gulp to minify the files and build prism.js. Having gulp installed, you just need to run the command gulp.
    • 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 few huge PRs. If a PR includes changes I want to merge and changes I don’t, handling it becomes difficult.
    • My time is very limited these days, so it might take a long time to review longer PRs (short 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, theme or plugin, you need to add it to components.js as well, so that it becomes available to the download build page.

    Thank you so much for contributing!!

kmx.io     mail     discord kmxgit v0.4.0