https://github.com/yusufshakeel/dycodehighlighter

Highlight code in the web page.
https://github.com/yusufshakeel/dycodehighlighter

code highlighter javascript

Last synced: 6 months ago
JSON representation

Highlight code in the web page.

• Host: GitHub
• URL: https://github.com/yusufshakeel/dycodehighlighter
• Owner: yusufshakeel
• License: mit
• Created: 2017-11-25T12:09:25.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-12-02T09:51:13.000Z (about 8 years ago)
• Last Synced: 2025-02-23T20:44:24.519Z (11 months ago)
• Topics: code, highlighter, javascript
• Language: HTML
• Homepage: https://dyclassroom.com/dycodehighlighter/documentation
• Size: 104 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# dyCodeHighlighter

Highlight code in the web page.

# Status

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/yusufshakeel/dyCodeHighlighter)

[![npm version](https://img.shields.io/badge/npm-1.3.2-blue.svg)](https://www.npmjs.com/package/dycodehighlighter)

[![](https://data.jsdelivr.com/v1/package/npm/dycodehighlighter/badge)](https://www.jsdelivr.com/package/npm/dycodehighlighter)

# Documentation

[Click here](https://www.dyclassroom.com/dycodehighlighter/documentation) for the project documentation.

# Getting Started

* [Download](https://github.com/yusufshakeel/dyCodeHighlighter/releases) the latest release of this project.

* Clone the repo: `git clone https://github.com/yusufshakeel/dyCodeHighlighter.git`

* Install with npm: `npm install dycodehighlighter`

* From jsDelivr CDN: `https://www.jsdelivr.com/package/npm/dycodehighlighter`

# How to use?

Include the Javascript and Stylesheet file from the `dist` directory.

Then call the `init()` method of `dyCodeHighlighter`.

Sample:

```

    

    dyCodeHighlighter

    

    

    

    

      

        // some code goes here...

      

    


    

    

    dyCodeHighlighter.init();

```

# Features

* Style `pre.dyCodeHighlighter code` content

* Show line numbers

* Highlight lines

* Show header info like: total lines and filename

* Start line number from a custom integer value like -10, 0, 10 etc.

* Theme: blue, choco, dark, gray

* Custom style

# License

It's free and released under [MIT License](https://github.com/yusufshakeel/dyCodeHighlighter/blob/master/LICENSE) Copyright (c) 2017 Yusuf Shakeel

# Donate

Feeling generous :-) Buy me a cup of tea.

[Donate via PayPal](https://www.paypal.me/yusufshakeel)