描述
Code Block Syntax Highlighter for Elementor is an Elementor widget which adds code blocks with prism.js syntax highlighting to your website.
All languages and themes of Prism.js 1.22.0 are supported.
- Elementor widget to highlight code snippets
- All prism.js languages are supported
- Use different Prism.js themes
- Show or hide line numberscopy to clipboardline numbers
屏幕截图
Elementor code block settings. 
Rendered code block with bash script. 
React script. 
Python script. 
Animation add code block.
安装
- Upload the plugin to your blog and activate
常见问题
-
I want an additional feature which is not included?
-
Create a feature request on GitHub: https://github.com/thorstenalpers/wp-plugin-code-block-for-elementor/issues
-
I would like to be able to select only a few languages in the list?
-
Currently there is no admin UI, but you could modify the code-block.php file from line 101 to 406 of this plugin, so that you see only a few languages.
评价
2023年1月11日
Congratulations for this plugin. It is really complete because it takes into account syntax highlighting with many programming languages and allows you to change the design easily.It works very well with WordPress 6.1.1
2022年8月27日
Been searching for a code hightlight plugin to make a simple portfolio with Elementor without needing to get the pro version and this one seems to work perfectly.
2022年6月5日
thanks for providing it for free.
2021年12月2日
This is exactly what I was looking for and works seamlessly with Elementor
Thanks you very much, this was hard to find but i'm glad I did. Hope it gains traction
2021年5月6日
Thanks 🙂
2021年3月4日
I've been looking for this plugin for two years now, fiddling around with custom css to make nice code snippets in my web pages.
Finally stumbled upon this one, which really does the job well.
I would like it to support alternating line colors for improved readability but it goes highly recommended as is.
贡献者及开发者
更新日志
1.0.2 – 13-02-2020
Added screenshots
1.0.1 – 12-02-2020
Improved description
1.0.0 – 16-12-2020
Added: Initial release