semantic-uiによるコードハイライト

Question

私はウェブサイトでsemantic-uiを使用しています。コードハイライトがサポートする実際の機能であるかどうかを知りたいと思います。

ライブラリのdocs pagesにコードブロックがハイライト表示されていますが、プロジェクトでどのように使用するかはわかりません。

<div class="ui segment"> 
    <div class="ui ignored code" data-type="bash" data-title="commands"> 
    #!/bin/bash 

    # test 
    echo 'hello there' 
    </div> 
</div> 

はまた、このスクリプトを含む試してみました： http://semantic-ui.com/javascript/library/highlight.min.js

私はそれが間違ってコーディングまたはでアム私は、コードをハイライト表示されませんでした、次のdivを作成しようとしたそのページのソースコードを見た後

ライブラリの一部でもないコードを強調表示しますか？

Answer 1

jlukicは、彼らはあなたが彼らのコードの構文を使用するinitHighlightingOnLoad()機能を初期化する必要がcode.Thenを挿入するためにhighlight.jsライブラリを使用するこのpostに言ったように：

hljs.initHighlightingOnLoad();

<script src="https://semantic-ui.com/javascript/library/highlight.min.js"></script> 
 

 
<div class="ui segment"> 
 

 
    <pre><code class="bash"> 
 

 
     #!/bin/bash 
 

 
     # test 
 
     echo 'hello there' 
 
    </code></pre> 
 
</div>