Breaking News: Grepper is joining You.com. Read the official announcement!

highlightjs

Add Answer

Jerome Scott answered on May 19, 2020 Popularity 10/10 Helpfulness 4/10

answer highlightjs

related highlight.js

related highlight js

related highlight.js

highlightjs

Comment

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
<!-- and it's easy to individually load additional languages -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/languages/go.min.js"></script>
<!-- add custom theme -->
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/vs2015.min.css">
</head>
<body>

  <h2>Python highlight</h2>
    <pre><code class="python">
      def hello_world():
      	return "hello world"
    </code></pre>
      
  <h2>Javascript highlight</h2>
    <pre><code class="javascript">
      function helloWorld(){
      	return "hello world";
      }
	</code></pre>
<script>hljs.initHighlightingOnLoad();</script>
</body>
</html>

Popularity 10/10 Helpfulness 4/10 Language html

Source: highlightjs.org

Tags: highlightjs html

Link to this answer
Share Copy Link

Contributed on Jun 14 2022

Jerome Scott

0 Answers Avg Quality 2/10

Closely Related Answers

highlight.js

Comment

<link rel="stylesheet"
      href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.0.3/build/styles/default.min.css">
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.0.3/build/highlight.min.js"></script>

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: highlightjs.org

Tags: highlight.js highlight.

Link to this answer
Share Copy Link

Contributed on May 19 2020

Upset Unicorn

0 Answers Avg Quality 2/10

highlight js

Comment

<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.min.js"></script>
<script>hljs.highlightAll();</script>

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: highlightjs.org

Tags: highlight high

Link to this answer
Share Copy Link

Contributed on Aug 22 2021

Undefined

0 Answers Avg Quality 2/10

highlight js

Comment

<!DOCTYPE html>
<html lang="en">

    <head>
        <title>HighLight Js Example </title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
        <!-- and it's easy to individually load additional languages like go.min.js-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/languages/csharp.min.js"></script>
        <!-- add custom theme agate.min.css all referenced from hljs-->
        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/vs2015.min.css">
        <Style>
            /* for block of numbers */
            .hljs-ln-numbers {
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;

                text-align: left;
                color: rgb(255, 255, 255);
                border-right: 3px solid rgb(255, 255, 255);
                vertical-align: top;
                padding-right: 5px;

                /* your custom style here */
            }

            /* for block of code */
            .hljs-ln-code {
                padding-right: 10px;
            }

            .hljs-ln td {
                padding-top: px;
                padding-right: 5px;
                padding-bottom: px;
                padding-left: 5px;
            }
        </Style>
    </head>

    <body>
        <h2>C Sharp highlight</h2>
        <div class="d-inline-flex p-2 bd-highlight">
            <pre>
                <code class="csharp rounded  shadow-sm p-3 mb-5">class Program
{
    static void Main(string[] args)
    {
        //var s = "Example Case of hljs As of date 10 Nov 2022";
        var h = new int[] { 4, 2, 0, 3, 2, 5 };
        var obj = new Program();
        Console.WriteLine(string.Join(" ",h));
    }
}
                </code>
            </pre>
        </div>
        <script>
            hljs.initHighlightingOnLoad();
            hljs.initLineNumbersOnLoad();
        </script>
    </body>

</html>

Popularity 10/10 Helpfulness 2/10 Language html

Source: gist.github.com

Tags: code-view code

Link to this answer
Share Copy Link

Contributed on Nov 10 2022

PrashantUnity

0 Answers Avg Quality 2/10

highlight.js

Comment

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
// FÖr att länka highlightjs till HTML för extra funktioner

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: highlightjs.org

Tags: highlight.js highlight.

Link to this answer
Share Copy Link

Contributed on Jan 25 2021

Important Ibis

0 Answers Avg Quality 2/10

highlightjs

Contents

More Related Answers

highlightjs

Closely Related Answers

highlight.js

highlight js

highlight js

highlight.js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.