PluginProbe
Code Block Pro – Beautiful Syntax Highlighting / 1.28.0
Code Block Pro – Beautiful Syntax Highlighting v1.28.0
1.27.1 1.27.2 1.27.3 1.27.4 1.27.5 1.27.6 1.27.7 1.28.0 1.3.0 1.4.0 1.5.0 1.5.1 1.5.2 1.6.0 1.7.0 1.8.0 1.9.0 1.9.1 1.9.2 1.9.3 trunk 1.1.0 1.10.0 1.11.0 1.11.1 All 63 releases
code-block-pro / readme.txt

readme.txt in Code Block Pro – Beautiful Syntax Highlighting 1.28.0, at readme.txt

616 lines 34.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 === Code Block Pro - Beautiful Syntax Highlighting ===
2 Contributors: kbat82, dcooney, a169kai
3 Tags: block, code, syntax, highlighter, php
4 Tested up to: 7.1
5 Stable tag: 1.28.0
6 License: GPL-2.0-or-later
7 License URI: https://www.gnu.org/licenses/gpl-2.0.html
8
9 Code highlighting powered by the VS Code engine. Performance focused. No bloat.
10
11 == Description ==
12
13 Show off your beautiful code, don't just display it! This block plugin provides you with a code editor that runs your code directly through the same rendering engine that is used by the popular VS Code editor. This block provides fast, native, code highlighting that renders perfectly in your favorite programming language using popular VS Code themes.
14
15 Beautiful syntax highlighting that makes sense.
16
17 To use, navigate to the default WordPress editor, and search for "Code Pro" or start typing "/code".
18
19 Visit [code-block-pro.com](https://code-block-pro.com) for a lifetime deal on the theme pack (this is a cosmetic-only upgrade).
20
21 = Values =
22 - Performance first - Web vitals. Pre-rendering. Minimal asset loading.
23 - Lightweight - No bloat. Simple functions. Clean, maintainable code.
24 - Practical/useful - Focused on the user experience and presentation.
25 - Beautiful - Your code should look great!
26
27 Star [Code Block Pro](https://github.com/KevinBatdorf/code-block-pro) on GitHub!
28
29 = Features =
30 - Includes 25+ built-in themes to choose from.
31 - Supports over 140 programming languages
32 - 10+ Modern programming web fonts - locally hosted
33 - Line numbers
34 - Line highlighting (static and on hover)
35 - Blur highlighting (with reveal on hover)
36 - Header styles
37 - Footer styles
38 - Copy button
39 - Native Gutenberg block
40 - Tab or space indentation
41 - Core functionality works in headless mode (see FAQ)
42 - Converting from the default code block (and others)
43 - Max height with scrollable section (optional expand button)
44
45 = More info =
46 - Star it on [GitHub](https://github.com/KevinBatdorf/code-block-pro)
47 - Follow [@kevinbatdorf](https://twitter.com/kevinbatdorf) on Twitter
48
49 = Tips =
50 - Try combining line highlighting with the blur effect to add some extra depth, and focus on the important parts of the code without losing context
51 - All settings are per block, but some settings are remembered when you add the next block
52 - Add a link in the code footer (some footers support this, not all) that points to a demo
53 - To achieve a flush look, remove padding under Extra Settings and select a theme with a background color matching your site theme
54
55 = Included VS Code Themes =
56 - Dark Plus ([demo](https://code-block-pro.com/themes?lang=bash&theme=dark-plus))
57 - Dracula Soft ([demo](https://code-block-pro.com/themes?lang=bash&theme=dracula-soft))
58 - Dracula ([demo](https://code-block-pro.com/themes?lang=bash&theme=dracula))
59 - GitHub Dark Dimmed ([demo](https://code-block-pro.com/themes?lang=bash&theme=github-dark-dimmed))
60 - Github Dark ([demo](https://code-block-pro.com/themes?lang=bash&theme=github-dark))
61 - Github Light ([demo](https://code-block-pro.com/themes?lang=bash&theme=github-light))
62 - Light Plus ([demo](https://code-block-pro.com/themes?lang=bash&theme=light-plus))
63 - Material Darker ([demo](https://code-block-pro.com/themes?lang=bash&theme=material-darker))
64 - Material Default ([demo](https://code-block-pro.com/themes?lang=bash&theme=material-default))
65 - Material Lighter ([demo](https://code-block-pro.com/themes?lang=bash&theme=material-lighter))
66 - Material Ocean ([demo](https://code-block-pro.com/themes?lang=bash&theme=material-ocean))
67 - Material Palenight ([demo](https://code-block-pro.com/themes?lang=bash&theme=material-palenight))
68 - Min Dark ([demo](https://code-block-pro.com/themes?lang=bash&theme=min-dark))
69 - Min Light ([demo](https://code-block-pro.com/themes?lang=bash&theme=min-light))
70 - Monokai ([demo](https://code-block-pro.com/themes?lang=bash&theme=monokai))
71 - Nord ([demo](https://code-block-pro.com/themes?lang=bash&theme=nord))
72 - One Dark Pro ([demo](https://code-block-pro.com/themes?lang=bash&theme=one-dark-pro))
73 - Poimandres ([demo](https://code-block-pro.com/themes?lang=bash&theme=poimandres))
74 - Rose Pine Dawn ([demo](https://code-block-pro.com/themes?lang=bash&theme=rose-pine-dawn))
75 - Rose Pine Moon ([demo](https://code-block-pro.com/themes?lang=bash&theme=rose-pine-moon))
76 - Rose Pine ([demo](https://code-block-pro.com/themes?lang=bash&theme=rose-pine))
77 - Slack Dark ([demo](https://code-block-pro.com/themes?lang=bash&theme=slack-dark))
78 - Slack Ochin ([demo](https://code-block-pro.com/themes?lang=bash&theme=slack-ochin))
79 - Solarized Dark ([demo](https://code-block-pro.com/themes?lang=bash&theme=solarized-dark))
80 - Solarized Light ([demo](https://code-block-pro.com/themes?lang=bash&theme=solarized-light))
81 - Vitesse Dark ([demo](https://code-block-pro.com/themes?lang=bash&theme=vitesse-dark))
82 - Vitesse Light ([demo](https://code-block-pro.com/themes?lang=bash&theme=vitesse-light))
83
84
85 Get more themes at [code-block-pro.com/themes](https://code-block-pro.com/themes)
86
87 = Theme Pack (Paid) Includes =
88 - Custom Dynamic Theme (advanced) [read more](https://github.com/KevinBatdorf/code-block-pro/discussions/168)
89 - Andromeda ([demo](https://code-block-pro.com/themes?lang=bash&theme=andromeda))
90 - Ayu Dark ([demo](https://code-block-pro.com/themes?lang=bash&theme=ayu-dark))
91 - Ayu Mirage ([demo](https://code-block-pro.com/themes?lang=bash&theme=ayu-mirage))
92 - Ayu Light ([demo](https://code-block-pro.com/themes?lang=bash&theme=ayu-light))
93 - Cobalt2 ([demo](https://code-block-pro.com/themes?lang=bash&theme=cobalt2))
94 - Night Owl ([demo](https://code-block-pro.com/themes?lang=bash&theme=night-owl))
95 - Night Owl Light ([demo](https://code-block-pro.com/themes?lang=bash&theme=night-owl-light))
96 - Noctis ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis))
97 - Noctis Azureus ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-azureus))
98 - Noctis Bordo ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-bordo))
99 - Noctis Hibernus ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-hibernus))
100 - Noctis Lilac ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-lilac))
101 - Noctis Lux ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-lux))
102 - Noctis Minimus ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-minimus))
103 - Noctis Obscuro ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-obscuro))
104 - Noctis Sereno ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-sereno))
105 - Noctis Uva ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-uva))
106 - Noctis Viola ([demo](https://code-block-pro.com/themes?lang=bash&theme=noctis-viola))
107 - Palenight ([demo](https://code-block-pro.com/themes?lang=bash&theme=palenight))
108 - Pico 8 ([demo](https://code-block-pro.com/themes?lang=lua&theme=pico8))
109 - Shades of Purple ([demo](https://code-block-pro.com/themes?lang=bash&theme=shades-of-purple))
110 - Shades of Purple Super Dark ([demo](https://code-block-pro.com/themes?lang=bash&theme=shades-of-purple-super-dark))
111 - Synthwave '84 ([demo](https://code-block-pro.com/themes?lang=bash&theme=synthwave-84))
112 - Tokyo Night ([demo](https://code-block-pro.com/themes?lang=bash&theme=tokyo-night))
113 - Tokyo Night Storm ([demo](https://code-block-pro.com/themes?lang=bash&theme=tokyo-night-storm))
114 - Tokyo Night Light ([demo](https://code-block-pro.com/themes?lang=bash&theme=tokyo-night-light))
115 - Winter is Coming ([demo](https://code-block-pro.com/themes?lang=bash&theme=winter-is-coming))
116 - Winter is Coming Light ([demo](https://code-block-pro.com/themes?lang=bash&theme=winter-is-coming-light))
117 - Winter is Coming Dark ([demo](https://code-block-pro.com/themes?lang=bash&theme=winter-is-coming-dark))
118
119
120 = Included Coding Languages =
121
122 - ABAP ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=abap))
123 - ActionScript 3 ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=actionscript-3))
124 - Ada ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=ada))
125 - ANSI (control codes rendered)
126 - Apache ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=apache))
127 - Apex ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=apex))
128 - APL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=apl))
129 - Ara ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=ara))
130 - ASM ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=asm))
131 - Astro ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=astro))
132 - Awk ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=awk))
133 - Ballerina ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=ballerina))
134 - BAT (Batchfile) ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=bat))
135 - Berry ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=berry))
136 - BibTeX ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=bibtex))
137 - BICEP ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=bicep))
138 - Blade ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=blade))
139 - C ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=c))
140 - Cadence ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=cadence))
141 - Clarity ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=clarity))
142 - Clojure ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=clojure))
143 - CMake ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=cmake))
144 - COBOL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=cobol))
145 - CodeQL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=codeql))
146 - CoffeeScript ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=coffee))
147 - C++ ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=cpp))
148 - Crystal ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=crystal))
149 - C# ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=csharp))
150 - CSS ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=css))
151 - CUE ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=cue))
152 - Cypher (cql) ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=cypher))
153 - D ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=d))
154 - Dart ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=dart))
155 - DAX ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=dax))
156 - Diff ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=diff))
157 - Dockerfile ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=docker))
158 - DreamMaker ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=dream-maker))
159 - Elixir ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=elixir))
160 - Elm ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=elm))
161 - ERB ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=erb))
162 - Erlang ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=erlang))
163 - Fish ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=fish))
164 - F# ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=fsharp))
165 - GDResource (Godot) ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=gdresource))
166 - GDScript (Godot) ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=gdscript))
167 - GDShader (Godot) ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=gdshader))
168 - Gherkin ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=gherkin))
169 - GLSL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=glsl))
170 - Glimmer js/ts ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=gjs))
171 - Gnuplot ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=gnuplot))
172 - Go ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=go))
173 - GraphQL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=graphql))
174 - Groovy ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=groovy))
175 - Hack ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=hack))
176 - HAML ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=haml))
177 - Handlebars ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=handlebars))
178 - Haskell ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=haskell))
179 - HCL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=hcl))
180 - HLSL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=hlsl))
181 - HTML ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=html))
182 - HTTP ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=http))
183 - INI ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=ini))
184 - Imba ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=imba))
185 - Java ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=java))
186 - JavaScript ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=javascript))
187 - Jinja HTML ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=jinja-html))
188 - Jison ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=jison))
189 - JSON ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=json))
190 - JSON5 ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=json5))
191 - JSONC ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=jsonc))
192 - JSONL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=jsonl))
193 - JSONnet ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=jsonnet))
194 - JSSM ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=jssm))
195 - JSX ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=jsx))
196 - Julia ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=julia))
197 - Kotlin ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=kotlin))
198 - Kusto ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=kusto))
199 - LaTeX ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=latex))
200 - LESS ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=less))
201 - Ledger (Beancount) ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=beancount))
202 - Liquid ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=liquid))
203 - Lisp ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=lisp))
204 - Logo ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=logo))
205 - Lua ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=lua))
206 - Makefile ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=make))
207 - Markdown ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=markdown))
208 - Marko ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=marko))
209 - MATLAB ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=matlab))
210 - MDC ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=mdc))
211 - MDX ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=mdx))
212 - Mermaid ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=mermaid))
213 - Mojo ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=mojo))
214 - Narrat (nar) ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=narrat))
215 - Nextflow (nf) ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=nextflow))
216 - Nginx ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=nginx))
217 - Nim ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=nim))
218 - Nix ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=nix))
219 - Objective-C ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=objective-c))
220 - Objective-C++ ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=objective-cpp))
221 - OCaml ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=ocaml))
222 - Pascal ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=pascal))
223 - Perl ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=perl))
224 - PHP ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=php))
225 - PLSQL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=plsql))
226 - PostCSS ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=postcss))
227 - Power Query ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=powerquery))
228 - PowerShell ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=powershell))
229 - Prisma ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=prisma))
230 - Prolog ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=prolog))
231 - Protocol Buffers ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=proto))
232 - Pug ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=pug))
233 - Puppet ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=puppet))
234 - PureScript ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=purescript))
235 - Python ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=python))
236 - R ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=r))
237 - Raku ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=raku))
238 - Razor ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=razor))
239 - Windows Registry ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=reg))
240 - Rel ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=rel))
241 - RISC-V ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=riscv))
242 - RST ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=rst))
243 - Ruby ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=ruby))
244 - Rust ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=rust))
245 - SAS ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=sas))
246 - Sass ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=sass))
247 - Scala ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=scala))
248 - Scheme ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=scheme))
249 - SCSS ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=scss))
250 - Splunk SPL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=splunk))
251 - Bash ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=bash))
252 - ShellScript ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=shellscript))
253 - Zsh ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=zsh))
254 - ShellSession ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=shellsession))
255 - Smalltalk ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=smalltalk))
256 - Solidity ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=solidity))
257 - SPARQL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=sparql))
258 - SQL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=sql))
259 - SSH Config ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=ssh-config))
260 - Stata ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=stata))
261 - Stylus ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=stylus))
262 - Svelte ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=svelte))
263 - Swift ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=swift))
264 - SystemVerilog ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=system-verilog))
265 - TASL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=tasl))
266 - TCL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=tcl))
267 - TeX ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=tex))
268 - TOML ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=toml))
269 - TSX ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=tsx))
270 - Turtle ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=turtle))
271 - Twig ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=twig))
272 - TypeScript ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=typescript))
273 - V ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=v))
274 - VB ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=vb))
275 - Verilog ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=verilog))
276 - VHDL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=vhdl))
277 - VimL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=viml))
278 - Vue HTML ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=vue-html))
279 - Vue ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=vue))
280 - Vyper (vy) ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=vyper))
281 - WASM ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=wasm))
282 - Wenyan ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=wenyan))
283 - WGSL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=wgsl))
284 - Wolfram ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=wolfram))
285 - XML ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=xml))
286 - XSL ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=xsl))
287 - YAML ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=yaml))
288 - ZenScript ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=zenscript))
289 - Zig ([demo](https://code-block-pro.com/themes?theme=one-dark-pro&lang=zig))
290
291
292 == Installation ==
293
294 1. Activate the plugin through the 'Plugins' screen in WordPress
295
296 == Frequently Asked Questions ==
297
298 = Font size is too small/big =
299
300 Look under the "Styling" tab and turn on "Clamp Values", which will compute the rem values relative to a 16px-24px base * the selected rem values. e.g. clamp(20px, 1.25rem, 30px).
301
302 = How to use in headless =
303
304 Themes are rendered inside the editor as you type or make changes, so the code block itself will work without CSS or JavaScript. However, the font loading, copy button, and line highlighting require a tiny bit of JavaScript to function. Additionally, line blur uses a tiny bit of CSS which you will need to load in yourself or implement your own. The code tokens and theme styles are inline though, so no need to manipulate the DOM.
305
306 == Screenshots ==
307
308 1. Choose from more than 25 themes.
309 2. Customize fonts, themes, and behavior.
310 3. Disable padding and inline the code for a fluent experience.
311 4. Use highlighting and blur to focus on parts of the code.
312 5. ANSI support for rendering control sequences
313
314 == Changelog ==
315
316 = 1.28.0 - 2026-04-11 =
317 - Modernize tooling: swap ESLint/Prettier to Biome, Cypress/wp-env to Playwright + WP Playground.
318 - Comprehensive Playwright test suite (49 tests across 9 spec files).
319 - Update dependencies.
320 - Update CI workflows to use node lts/*.
321 - Tested up to WordPress 7.0.
322
323 = 1.27.7 - 2025-07-05 =
324 - Fixes a bug where block error warning messages would only affect the first block.
325 - Adds an update notice to users on the paid theme pack.
326
327 = 1.27.6 - 2025-06-29 =
328 - Fixes a bug where shortcodes with attributes would not be properly escaped.
329
330 = 1.27.5 - 2025-06-21 =
331 - Changes the default value for escaping wp shortcodes to true. Can't see why anyone would want this any other way by default.
332 - Prevents shortcodes from rendering in the copy button
333
334 = 1.27.4 - 2025-06-20 =
335 - Prevents wp_texturize from affecting copied code snippets. You will see a block update for this change as I had to wrap the code in a pre tag.
336
337 = 1.27.3 - 2025-05-15 =
338 - Prevents smart quotes, typographic dashes, and other non-ASCII characters from affecting copied code snippets.
339
340 = 1.27.2 - 2025-05-15 =
341 - Refactors the copy button to use a textarea for copying
342 - Removed the WP outline style on the copy button and pre (now only when tab focused)
343
344 = 1.27.1 - 2025-05-15 =
345 - Now scrolls back into view after a max height collapse
346 - Disables scroll while the container is expanding
347 - Fixes a bug where collapsing doesn't account for headers
348
349 = 1.27.0 - 2025-05-11 =
350 - Adds support for collapsing code blocks after expanding
351 - Tweaks the blur effect for better readability
352 - Fixes a bug where the controls were overflowing the toolbar
353
354 = 1.26.8 - 2025-03-24 =
355 - Fix Rtl bug
356
357 = 1.26.7 - 2025-03-23 =
358 - Removes .gitignore from the plugin distribution
359 - Updates tests
360
361 = 1.26.6 - 2024-09-30 =
362 - Fixes a bug related to rtl being applied by the webpack wp config
363
364 = 1.26.5 - 2024-09-30 =
365 - Adds option to disable php shortcode rendering
366 - Updates test element targeting to target new WP classes
367
368 = 1.26.4 - 2024-06-18 =
369 - Re-release with updated version number in readme. Making this a patch release as I worry some security plugins would otherwise complain.
370
371 = 1.26.3 - 2024-06-14 =
372 - Fix: Fixes support for ERB template syntax
373
374 = 1.26.2 - 2024-04-04 =
375 - Tweak: Changed the saved languages history from 3 to 5
376 - Fix: Addressed some contrast issues with print styles
377 - Testing: Updated tests to work better with latest WP
378
379 = 1.26.1 - 2024-01-31 =
380 - Fix: Fixes a bug where the plaintext language would crash the theme render
381
382 = 1.26.0 - 2024-01-17 =
383 - Feature: Added a copy button that allows for text inputs
384 - Feature: Added Roboto Mono font (https://fonts.google.com/specimen/Roboto+Mono)
385 - Feature: Added Hack font (https://github.com/source-foundry/Hack)
386 - Fix: Added a css dec to stop long text font upsizing on some mobile devices
387
388 = 1.25.0 - 2023-11-13 =
389 - Feature: Allow for overriding copy button text and invoke a callback
390 - Feature: Added new programming fonts, Monaspace (5), Geist, Cozette and Deja Vu
391 - Feature: Add pluggable sidebar slots to allow others to add functionality
392 - Tweak: Reorganized sidebar based on common daily usage
393 - Legal: Added (open source) license files for all fonts
394
395 = 1.24.1 - 2023-10-11 =
396 - Tweak: Line numbers width is now calculated based on the longest line number * font width
397 - Compatibility: Checks whether the user has permission via the browser instead of passing it in from the server (other plugins were intercepting this check)
398
399 = 1.24.0 - 2023-09-02 =
400 - Feature: Added Zig, mdc, Mojo, shellsession (console output), and splunk grammars
401 - Tweak: Combined confusing code aliases
402 - Fix: Fixed a bug where a setting would affect every block on the same page
403
404 = 1.23.0 - 2023-08-13 =
405 - Feature: Added Imba syntax
406 - Feature: Added two new header designs based on user requests, both using text inputs
407 - Tweak: The "see more" button options persist (theme, text, transition only)
408
409 = 1.22.1 - 2023-07-30 =
410 - Fix: Theme previews now respect the tabSize setting
411 - Fix: Added escapeHTML wrapper on code to code pro transform function
412 - Fix: Added some clarity on encoding, and added better edge cases handling
413 - Fix: Fixed an issue with the decoding with some sequences that would cause a block invalidation error.
414
415 = 1.22.0 - 2023-07-22 =
416 - Feature: Added tab support in the editor, with spacing options
417 - Feature: Added a way to convert back into a core code block
418 - Feature: Added the Non-Ligature version of Jetbrains Mono
419 - Fix: Fixed a spacing issue with tabs + line numbers
420 - Fix: Fixed a bug where the line highlighter would calc the longest highlighted line rather than longest line
421 - Tweak: Added pointer-events none to line blurs that are not removed on hover
422
423 = 1.21.0 - 2023-07-09 =
424 - Feature: Added a second copy button to choose from
425 - Feature: Added a tab size setting for when using the editor to add code. Defaults to 2 spaces.
426 - Tweak: Adjusts the highlight offset for comic mono
427
428 = 1.20.0 - 2023-06-25 =
429 - Feature: Added the following languages: Ledger (Beancount), Cypher (cql), Glimmer js/ts, JSONL, Narrat (nar), Nextflow (nf), Vyper (vy)
430 - Fix: Fixes an issue in the editor where some languages output an empty span tag that breaks the line number flow
431
432 = 1.19.0 - 2023-06-18 =
433 - Feature: Add Fantasque Sans Mono (https://github.com/belluzj/fantasque-sans)
434 - Feature: Add Comic Mono font (https://github.com/dtinth/comic-mono-font)
435 - Tweak: Default to Jetbrains Mono font
436 - Tweak: Rename the "Styling" panel to "Font Styling"
437 - Tweak: Remove line highlights on hover when blurred
438 - Tweak: Add minor adjustments for fonts to normalize line heights
439 - Fix: Block will be auto-focused on insert - WP6.2 regression
440 - Fix: Line highlight hover width was not rendering correctly
441 - Fix: Line highlighter will find the longest line to use as the highlighter width
442
443 = 1.18.0 - 2023-05-29 =
444 - Feature: Adds option to output html entities
445 - Tweak: Creates a new button settings area to support more buttons (coming soon)
446 - Tweak: Changes copying class to cbp-copying
447 - Fix: Fixed a bug where default settings weren't saving
448
449 = 1.17.0 - 2023-05-06 =
450 - Feature: Add line highlighting on hover
451 - Tweak: Updated the line highlighting sidebar language to be more clear (hopefully)
452 - Fix: Removed pointer events from line highlights so you can select text under it
453 - Fix: Adds styling to avoid CLS in the editor on page load
454
455 = 1.16.1 - 2023-05-01 =
456 - Tweak: Removes the filtering of bash and zsh filtering
457 - Fix: Better language sorting (by label instead of key)
458 - Fix: Fix typo in Wolfram language key
459
460 = 1.16.0 - 2023-04-30 =
461 - Feature: Added new language grammars: GD Script, GD Resource, GD Shader, GLSL, Http, Jison, JSON5, Kusto (kql), Protocol Buffers (.proto), Windows Registry (.reg), V, WGSL, and Wolfram
462 - Tweak: Removed toolbar language select and added functionality to focus on the sidebar setting
463 - Refactor: Moved header/footer settings out of the language select into their own panels
464
465 = 1.15.0 - 2023-04-08 =
466 - Feature: Add notice to users who do not have permission to update
467 - Feature: Added hooks to allow users to add their own themes (or via the theme pack)
468 - Feature: Add plaintext option to allow rendering as text
469
470 = 1.14.0 - 2023-03-26 =
471 - Feature: Added theme identifier to toolbar
472 - Feature: Added some filters for attributes and buttons
473 - Tweak: Updated various styles
474 - Testing: Updated Cypress to test against latest RC on main push
475 - Testing: Integration tests now run concurrently to isolate flakey failures
476 - Fix: Added custom endpoint for settings, allowing edit_post cap users
477 - Fix: Removed a type conversion to false, causing dirty posts on focus
478 - Accessibility: Added keydown events to frontend copy button
479
480 = 1.13.0 - 2023-02-05 =
481 - Feature: Add scrollable max height area with no button (Max Height panel)
482 - Feature: Add expanding code area with max height based on line number
483 - Feature: Added ANSI rendering support - some themes do not look perfect yet
484 - Fix: Disabled font ligatures in the editor as it broke cursor positioning on wraps
485
486 = 1.12.0 - 2023-01-28 =
487 - Feature: Added Ara, Power Query, and DAX language support
488 - Fix: Fixed preview output on theme selection
489 - Fix: Fixed theme selection font rendering (to match preview better)
490
491 = 1.11.3 - 2023-01-08 =
492 - Fix: Encode and decode html entities to prevent script tag bug
493
494 = 1.11.2 - 2023-01-04 =
495 - Fix: Update shiki renderer wasm loader to use ArrayBuffer
496 - Tweak: Expose init function as global to allow late init
497
498 = 1.11.1 - 2023-01-04 =
499 - Fix: Revert code parser as there is a wasm loading error
500
501 = 1.11.0 - 2023-01-03 =
502 - Feature: Add theme name text search
503 - Feature: Add theme visibility manager to limit visible themes
504 - Tweak: Show better error when theme is missing
505 - Fix: Renderer source url has a double slash
506
507 = 1.10.0 - 2022-12-21 =
508 - Feature: Add footer with left aligned text
509 - Tweak: Load scripts (copy button, highlight) on multiple lifecycle points
510 - Tweak: Make the above scripts idempotent so they can run multiple times safely
511 - Fix: Removes inner focus outline from Gutenberg update
512
513 = 1.9.3 - 2022-12-05 =
514 - Fix: Adjusted editor padding for line numbers to better match the front end
515 - Fix: Removed the TW border default in the editor as it was overriding some wp defaults
516 - Fix: Updated a typo on the word "focus"
517 - Testing: Adds coverage for every main feature
518
519 = 1.9.2 - 2022-11-22 =
520 - Compatibility: Adds a method override to allow users to activate when prismatic is installed
521
522 = 1.9.1 - 2022-11-21 =
523 - Fix: Fixed a situations where the highlighter was miscalculating its width
524
525 = 1.9.0 - 2022-11-20 =
526 - Feature: Added line highlights
527 - Feature: Added blur effect to highlight lines
528 - Tweak: Added the copy button to the editor preview
529 - Tweak: Removed HC Light - will follow up on rendering issues
530 - Fix: Selected text no longer leaves padding exposed on the right
531
532 = 1.8.0 - 2022-11-17 =
533 - Feature: Added footer styles
534 - Accessibility: Increased line number color contrast
535 - Accessibility: Increased copy button contrast
536 - Tweak: Disabled autocomplete on settings inputs
537 - Tweak: Added help context to variations that have inputs
538 - Fix: Fixed a bug where disabling padding on one block would update all
539 - Fix: Line numbers + disabled padding no longer formats weird in the editor
540 - Fix: Scrollbars are now using auto instead of scroll
541 - Fix: The loading screen on the theme viewer now fills the container
542 - Fix: With line numbers, changing the font now will recalculate the width
543
544 = 1.7.0 - 2022-11-09 =
545 - Feature: Add line number support
546
547 = 1.6.0 - 2022-09-09 =
548 - Feature: Add additional header styles
549 - Feature: Allow overriding the label in the header
550 - Tweak: Adjust copy button opacity interactions
551
552 = 1.5.2 - 2022-09-08 =
553 - Fix: Fix padding on copy button when padding is disabled
554
555 = 1.5.1 - 2022-09-05 =
556 - Tweak: Allow users to disable padding
557 - Fix: Fixes a bug where the header type set to none doesn't persist
558 - Fix: Clamp font settings were not being persisted
559
560 = 1.5.0 - 2022-09-05 =
561 - Feature: Add toggle so users can clamp font sizes to reasonable values.
562 - Show font styling in theme select sidebar
563
564 = 1.4.0 - 2022-09-04 =
565 - Feature: Add header "window controls" style option
566 - Feature: Add dynamic coding font imports
567 - Feature: Add "recent languages" section to quick switch
568 - Feature: Add alternate way to transform from core block
569
570 = 1.3.0 - 2022-09-04 =
571 - Feature: Add font size controls
572 - Feature: Add Line height controls
573 - Feature: Persist settings in the database instead of localStorage
574 - Fix: Fix overflow editor bug
575
576 = 1.2.8 - 2022-08-31 =
577 - Compatibility: Disable Prismatic. They use an encoding function on all code indiscriminately, breaking this plugin.
578
579 = 1.2.7 - 2022-08-31 =
580 - Fix: Add style overrides for the Hueman theme (and generally good overrides)
581
582 = 1.2.6 - 2022-08-30 =
583 - Fix: Force disable wrapping and overflow for bootstrap based themes.
584
585 = 1.2.5 - 2022-08-30 =
586 - Fix: Force disable wrapping and overflow for some themes.
587
588 = 1.2.4 - 2022-08-30 =
589 - Fix: Limit alignments to wide and full only.
590
591 = 1.2.3 - 2022-08-29 =
592 - Fix: Force left text alignment in the editor
593 - Tweak: Set WP default alignment to "none"
594 - Testing: Add item verification on scroll before click
595
596 = 1.2.2 - 2022-08-28 =
597 - Fix: Zeros out margins on pre elements for better theme compatibility
598
599 = 1.2.1 - 2022-08-27 =
600 - Fix: Remove nested pre tags (changed to div) in editor
601 - Feature: Added test coverage with cypress
602
603 = 1.2.0 - 2022-08-27 =
604 - Feature: Convert code from the core code block
605 - Feature: Convert code from SyntaxHighlighter Evolved
606 - Feature: Add toolbar language select
607 - Feature: Add language "nice names"
608 - Fix: Remove line wrap from frontend
609
610 = 1.1.0 - 2022-08-22 =
611 - Feature: Add filters to hook into output
612 - Tweak: Set copy button on by default
613
614 = 1.0.0 - 2022-08-20 =
615 - Initial release
616