Skip to content
master
Switch branches/tags
Code
This branch is 12 commits behind blaregroup:master.

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
img
 
 
js
 
 
 
 

HiliSyntax

It is a simple Syntax Highlighter tool that will highlight programming syntax in your blog or webpage.

Dark Theme


How to use ?

You can use this tool in two ways to Highlight Syntax in your Webpage or Blog :-

  1. By Adding Link Of HiliSyntax Highlighter in your Webpage or Blog.
  2. By Using Our Live Syntax Highlighter Tool.

Now Discuss Both Methods one by one :-

1.Steps to use HiliSyntax Highlighter by Adding links:-

  1. Add The Below link in your webpage between the head tag.

       <script type="text/javascript" src="https://cdn.statically.io/gh/blaregroup/HiliSyntax/master/js/HiliSyntax_Link.js" > </script>
    
        eg:- 
             <head > 
               <script type="text/javascript" src="https://cdn.statically.io/gh/blaregroup/HiliSyntax/master/js/HiliSyntax_Link.js"></script>
    
             </head>;
    
  2. Now Add your code in pre tag

        eg:- 
              < pre >
                //your code
              </pre>;
    
  3. Then add any of one class in pre tag HiliSyntax_Light or HiliSyntax_Dark

    - Use HiliSyntax_Light Class for Light Theme 
    - Use HiliSyntax_Dark  Class for Dark Theme
    
        eg:- 
             < pre class="HiliSyntax_Light">
                //your code
             </pre>
    

2.Steps to use HiliSyntax Live Highlighter Tool :-

  1. To open Live Editor click here.

  2. In Editor one side write your code or paste the code and on other side Highlighted code will be generated automatically.

  3. Default Theme is Dark but you can choose Light Theme By clicking on Light Theme Button or you can try unlimited Theme by Clicking on Shuffle Theme button.

  4. Once you are done with code or choosing right theme then click on copy code button it will copy the whole code for you and then paste it in your Webpage or Blog where ever you want to be.


Preview

Dark_Theme

Dark Theme

Light_Theme

Light Theme

Live Editor

Live Editor


Developers/Author

About

It is a simple Syntax Highlighter that will highlight programming syntax in your blog or webpage

Resources

Releases

No releases published

Packages

No packages published