coderius/yii2-highlight-js

Syntax highlighter widget for Yii2

Syntax highlighter widget for Yii2

, _(*1)

This widget is for the yii2 framework. This is a wrapper for the javascript plugin Highlight.js., _(*2)

If you post the code as part of the content on the website, then with this widget your code will look stylish., _(*3)

In the pictures below you can see examples of how the code will look on the website pages., _(*4)

, _(*5)

'Xcode' theme., _(*6)

Installation

The preferred way to install this extension is through composer., _(*7)

Either run, _(*8)

php composer.phar require --prefer-dist coderius/yii2-highlight-js "*"

or add, _(*9)

"coderius/yii2-highlight-js": "*"

to the require section of your composer.json file., _(*10)

Usage

Once the extension is installed, simply use it in your code by :, _(*11)

= $content ?>

Some code that needs to be formalized with the plugin must be framed in the block :, _(*12)

<pre>
...some code
</pre>

If You need to change the styles of the code block, you can attach your styles in this way., _(*13)

 \coderius\yii2_highlight_js\CustomExampleAsset::register($this),

            ]
        ); 
?>

= $content ?>

In this example I did my custom asset (as example codev\yii2_highlight_js\NumLineAsset::className()) It contains paths to styles and scripts to change the style HighlightWidget., _(*14)

Advensed example:, _(*15)

 'Xcode',
    'customAsset' => \coderius\yii2_highlight_js\CustomExampleAsset::register($this),
    'css' => "pre{font-style: italic;}"//any string style css 
    'js' => "alert('ok');",
    'positionJs' => yii\web\View::POS_END,//default value is yii\web\View::POS_READY
]); ?>


    <?= $article->text; ?>

In this example I set theme name as "Xcode". But default theme is "Default", _(*16)

Themes list:

• Default
• Agate
• Androidstudio
• Arduino Light
• Arta
• Ascetic
• Atelier Cave Dark
• Atelier Cave Light
• Atelier Dune Dark
• Atelier Dune Light
• Atelier Estuary Dark
• Atelier Estuary Light
• Atelier Forest Dark
• Atelier Forest Light
• Atelier Heath Dark
• Atelier Heath Light
• Atelier Lakeside Dark
• Atelier Lakeside Light
• Atelier Plateau Dark
• Atelier Plateau Light
• Atelier Savanna Dark
• Atelier Savanna Light
• Atelier Seaside Dark
• Atelier Seaside Light
• Atelier Sulphurpool Dark
• Atelier Sulphurpool Light
• Atom One Dark
• Atom One Light
• Brown Paper
• Codepen Embed
• Color Brewer
• Darcula
• Dark
• Darkula
• Docco
• Dracula
• Far
• Foundation
• Github Gist
• Github
• Googlecode
• Grayscale
• Gruvbox Dark
• Gruvbox Light
• Hopscotch
• Hybrid
• Idea
• Ir Black
• Kimbie Dark
• Kimbie Light
• Magula
• Mono Blue
• Monokai Sublime
• Monokai
• Obsidian
• Ocean
• Paraiso Dark
• Paraiso Light
• Pojoaque
• Purebasic
• Qtcreator Dark
• Qtcreator Light
• Railscasts
• Rainbow
• Routeros
• School Book
• Solarized Dark
• Solarized Light
• Sunburst
• Tomorrow Night Blue
• Tomorrow Night Bright
• Tomorrow Night Eighties
• Tomorrow Night
• Tomorrow
• Vs
• Vs 2015
• Xcode
• Xt 256
• Zenburn

License

yii2_highlight_js is released under the BSD License. See LICENSE.md file for details., _(*17)

This yii2 extantion widget is a wrapper over a plugin highlight_js https://github.com/isagalaev/highlight.js, _(*18)