---

PageKit Highlight extension

Build for updated pagekit cms A Pagekit extension to add syntax highlighting to your website. Based on highlight.js.

• Update css
• Fixed bugs

You can find the updated version from uatrend/pagekit. This extension is update from pagekit/extension-highlight.

This extension is not working well with the original Pagekit(Uikit2, Vue1,Jquery).

---

Updated Pagekit

Homepage - Official home page.

This is an updated build Pagekit CMS (for developers).

Build includes:

• Pagekit CMS 1.0.18
• Blog extension
• Theme One
• News extension
• Search extension
• Highlight extension

---

Major changes:

• Required PHP Version - 7.2 or higher(7.4+).
• Updated all project dependencies.
• Updated all core javascript components.
• Removed jQuery.
• Uikit3.
• Vue 2.6.10.
• Symfony 4.4.

Several bugs that are present in the original assembly have been fixed, some styles have been changed for ease of use. The mobile version has remained the same with minor changes.

Install from source

Clone Repository

Usage

Install from backend. The extension will automatically highlight code in <pre><code>...</code></pre> blocks. It tries to automatically detect the language inside the block.

You can force a certain language.

<pre><code class="html">...</code></pre>

You can also suppress highlighting.

<pre><code class="nohighlight">...</code></pre>

Scripts

Webpack watch:

$ yarn watch
$ npm run watch

Webpack build (minified):

$ yarn build
$ npm run build

Linting with eslint:

$ yarn lint
$ npm run lint

Gulp tasks

Compile LESS:

$ gulp compile

Compile and watch LESS:

$ gulp watch

CLDR locale data for internationalization:

$ gulp cldr

---

Thanks to Yootheme and developers!
Thanks to uatrend updates! Feel free to ask any questions - I will answer as much as possible.