Title: Easy Syntax Highlighter
Author: tiptinker
Published: 28 Tháng 6, 2017
Last modified: 27 Tháng 3, 2026
---
Tìm kiếm plugin
# Easy Syntax Highlighter
Bởi [tiptinker](https://profiles.wordpress.org/snowbedding/)
[Tải về](https://downloads.wordpress.org/plugin/easy-syntax-highlighter.2.0.0.zip)
* [Chi tiết](https://vi.wordpress.org/plugins/easy-syntax-highlighter/#description)
* [Đánh giá](https://vi.wordpress.org/plugins/easy-syntax-highlighter/#reviews)
* [Cài đặt](https://vi.wordpress.org/plugins/easy-syntax-highlighter/#installation)
* [Nhà phát triển](https://vi.wordpress.org/plugins/easy-syntax-highlighter/#developers)
[Hỗ trợ](https://wordpress.org/support/plugin/easy-syntax-highlighter/)
## Mô tả
[Easy Syntax Highlighter](https://www.tiptinker.com/easy-syntax-highlighter-wordpress-plugin/)
is a powerful WordPress plugin that helps improve your website’s code presentation
by providing beautiful syntax highlighting. Using the latest Highlight.js library,
it supports over 20 programming languages with 80+ color themes, copy-to-clipboard
functionality, and seamless integration with both classic and Gutenberg editors.
### Features
* **Modern Highlight.js Engine**: Uses the latest Highlight.js library for fast,
accurate syntax highlighting
* **80+ Themes Included**: Over 80 themes for both light and dark modes, all stored
locally for offline compatibility
* **Unlimited Language Support**: Supports 20+ programming languages including
JavaScript, PHP, Python, CSS, HTML, SQL, Bash, and more
* **Modern JavaScript**: Promise-based loading with proper error handling and performance
optimizations
* **Performance Optimized**: Smart asset loading—only loads when code blocks are
present on the page
* **Security Focused**: Proper input sanitization and output escaping
* **Admin Interface**: Clean, modern settings page with visual theme selector integrated
with WordPress admin
* **Localization Ready**: Translation-ready with proper text domains
* **Backward Compatible**: Automatic migration from old plugin versions
### How to Use
1. **Gutenberg Block Editor**: Use the default WordPress “Code” block. The plugin
automatically detects the language and highlights it. There is no language setting
in the sidebar; detection is automatic. If you need to force a language, edit the
block as HTML and add a class to the `` element (e.g., ``).
2. **Classic Editor**: Use the TinyMCE button (code icon) with the modal dialog for
easy code insertion.
3. **Copy to Clipboard**: Double-click any code block to instantly copy its content
with visual feedback.
### Use Cases
* Technical blogs and tutorials
* Documentation websites
* Programming courses and educational content
* Developer portfolios
* API documentation
* Code examples and snippets
### Support
For support, bug reports, or feature requests, please visit: [Github](https://github.com/tiptinker/easy-syntax-highlighter)
### Contributing
Contributions are welcome! Please feel free to submit pull requests or open issues
on GitHub.
### License
This plugin is licensed under the GPLv2 or later.
License URI: https://www.gnu.
org/licenses/gpl-2.0.html
## Ảnh màn hình
[⌊Settings Page⌉⌊Settings Page⌉[
**Settings Page**
[⌊Gutenberg Block⌉⌊Gutenberg Block⌉[
**Gutenberg Block**
[⌊Classic Editor⌉⌊Classic Editor⌉[
**Classic Editor**
[⌊Frontend Display⌉⌊Frontend Display⌉[
**Frontend Display**
## Cài đặt
### Automatic Installation
1. Log in to your WordPress admin dashboard
2. Navigate to **Plugins > Add New**
3. Search for “Easy Syntax Highlighter”
4. Click **Install Now**
5. Activate the plugin
### Manual Installation
1. Download the plugin ZIP file
2. Upload the plugin files to `/wp-content/plugins/easy-syntax-highlighter/`
3. Activate the plugin through the **Plugins** menu in WordPress
## Hỏi đáp
### How does syntax highlighting work?
The plugin uses the powerful Highlight.js library to automatically find and highlight
code within standard WordPress “Code” blocks. There’s no need to look for a special
block; just use the default one, and the plugin handles the rest.
### Which programming languages are supported?
The plugin supports: JavaScript, CSS, PHP, Python, Bash/Shell, SQL, Java, C++, C,
C#, Ruby, Go, Rust, TypeScript, JSON, YAML, XML, HTML, Docker, Nginx, and plain
text. Auto-detection is also available.
### How many themes are available?
The plugin includes over 80 themes, including popular ones like GitHub, Monokai,
Atom One, and many more. All themes are available in both light and dark variants.
### Does this work with caching plugins?
Yes, the plugin works well with caching plugins and can complement them by ensuring
proper asset loading and syntax highlighting even with cached content.
### Can I customize the appearance?
Yes! Go to **Settings > Syntax Highlighter** to choose from over 80 different color
themes using a visual theme selector. The copy-on-double-click feature is enabled
by default.
### Does it work with page builders?
Yes, the plugin should work with any page builder that uses the standard WordPress“
Code” block. For other cases, you might need to use a custom HTML block and wrap
your code in `...
`.
### How do I highlight specific lines?
Line highlighting is not currently supported. This feature may be added in future
updates.
### Is the plugin lightweight?
Yes! The plugin only loads its scripts and styles on pages that actually contain
a code block, making it very performant.
## Đánh giá
Không có đánh giá nào cho plugin này.
## Người đóng góp & Lập trình viên
“Easy Syntax Highlighter” là mã nguồn mở. Những người sau đã đóng góp vào plugin
này.
Những người đóng góp
* [ tiptinker ](https://profiles.wordpress.org/snowbedding/)
[Dịch “Easy Syntax Highlighter” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/easy-syntax-highlighter)
### Muốn tham gia phát triển?
[Duyệt code](https://plugins.trac.wordpress.org/browser/easy-syntax-highlighter/),
check out [SVN repository](https://plugins.svn.wordpress.org/easy-syntax-highlighter/),
hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/easy-syntax-highlighter/)
qua [RSS](https://plugins.trac.wordpress.org/log/easy-syntax-highlighter/?limit=100&mode=stop_on_copy&format=rss).
## Nhật ký thay đổi
#### 2.0.0
* Complete plugin rewrite using modern, object-oriented PHP and best practices.
* Replaced Google Code Prettify with the latest Highlight.js library for better
performance and language detection.
* Added all 80+ official Highlight.js themes, stored locally for offline compatibility
and speed.
* Redesigned the admin interface with a visual theme selector and live previews.
* Implemented smart asset loading, so scripts and styles only load on pages with
code blocks.
#### 1.0.0
* Initial release with Google Code Prettify integration.
## Meta
* Phiên bản **2.0.0**
* Cập nhật lần cuối **3 tháng trước**
* Số lượt cài đặt **30+**
* Phiên bản WordPress ** 5.0 hoặc cao hơn **
* Đã kiểm tra lên đến **6.9.4**
* Phiên bản PHP ** 7.0 hoặc cao hơn **
* Ngôn ngữ
* [English (US)](https://wordpress.org/plugins/easy-syntax-highlighter/)
* Thẻ
* [code block](https://vi.wordpress.org/plugins/tags/code-block/)[code highlighting](https://vi.wordpress.org/plugins/tags/code-highlighting/)
[highlight.js](https://vi.wordpress.org/plugins/tags/highlight-js/)[syntax highlighter](https://vi.wordpress.org/plugins/tags/syntax-highlighter/)
* [Nâng cao](https://vi.wordpress.org/plugins/easy-syntax-highlighter/advanced/)
## Đánh giá
Chưa có đánh giá nào được gửi.
[Your review](https://wordpress.org/support/plugin/easy-syntax-highlighter/reviews/#new-post)
[Xem tất cả đánh giá](https://wordpress.org/support/plugin/easy-syntax-highlighter/reviews/)
## Những người đóng góp
* [ tiptinker ](https://profiles.wordpress.org/snowbedding/)
## Hỗ trợ
Có điều gì muốn nói? cần giúp đỡ?
[Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/easy-syntax-highlighter/)