|
5 | 5 |  |
6 | 6 |
|
7 | 7 | > [!NOTE] |
8 | | -> A server-side syntax highlighter plugin for Kirby CMS, powered by [Phiki](https://github.com/phikiphp/phiki), that uses TextMate grammars and VS Code themes to generate syntax-highlighted code within Kirby's code block and KirbyText. |
| 8 | +> A server-side syntax highlighter plugin for Kirby CMS, powered by [Phiki](https://github.com/phikiphp/phiki), that uses TextMate grammars and VS Code themes to generate syntax-highlighted code within Kirby's code block and KirbyText. Also with [Shiki](https://shiki.style) implementation for live code block preview inside the Kirby Panel! |
9 | 9 |
|
10 | 10 | ## ✨ Key Features |
11 | 11 | - ⚡ **Performance:** Fast and powerful syntax highlighting. |
12 | 12 | - 🚀 **Integration:** Works with Kirby's code block and KirbyText. |
| 13 | +- 👁️ **Panel Preview:** Live code preview in the Kirby Panel. |
13 | 14 | - 🌍 **Languages:** Over 200+ supported languages. |
14 | 15 | - 🎨 **Themes:** Choose from 50+ VS Code themes. |
15 | 16 | - 🔐 **Base64 Support:** Handles base64-encoded content. |
@@ -66,13 +67,23 @@ Set the default theme: |
66 | 67 |
|
67 | 68 | ```php |
68 | 69 | 'bogdancondorachi.code-highlighter' => [ |
69 | | - 'theme' => 'github-dark-dimmed', |
| 70 | + 'theme' => 'github-dark-default', |
70 | 71 | ], |
71 | 72 | ``` |
72 | 73 | *Check out the [supported](#explore-supported-languages-and-themes) themes* |
73 | 74 |
|
| 75 | +### Default Language |
| 76 | +Set the default language: |
| 77 | +
|
| 78 | +```php |
| 79 | +'bogdancondorachi.code-highlighter' => [ |
| 80 | + 'language' => 'text', |
| 81 | +], |
| 82 | +``` |
| 83 | +*Check out the [supported](#explore-supported-languages-and-themes) languages* |
| 84 | +
|
74 | 85 | ### Light/Dark Dual Themes |
75 | | -If you use light/dark mode on your website, you can set a default theme each individual mode: |
| 86 | +If you use light/dark mode on your website, you can set a default theme for each individual mode: |
76 | 87 |
|
77 | 88 | ```php |
78 | 89 | 'bogdancondorachi.code-highlighter' => [ |
@@ -136,12 +147,12 @@ Customize the languages and themes options available in Kirby’s code block: |
136 | 147 | 'block.languages' => [ |
137 | 148 | 'css' => 'CSS', |
138 | 149 | 'php' => 'PHP', |
139 | | - 'js' => 'JavaScript', |
| 150 | + 'yml' => 'Yaml', |
140 | 151 | ], |
141 | 152 | 'block.themes' => [ |
142 | 153 | 'github-dark' => 'GitHub Dark', |
143 | 154 | 'github-light' => 'GitHub Light', |
144 | | - 'plastic' => 'Plastic', |
| 155 | + 'vitesse-dark' => 'Vitesse Dark', |
145 | 156 | ], |
146 | 157 | ], |
147 | 158 | ``` |
|
0 commit comments