DBlocks CodePro


Enhanced Code Editor for WordPress transforms the default WordPress block editor into a powerful development environment tailored for coding and content creation. Built on the robust Monaco Editor, this plugin brings advanced code editing features directly into WordPress, making it an essential tool for developers, designers, and content creators who frequently work with code.

Key Features:

  • Rich Code Editing: Leverage the power of Monaco Editor, renowned for its extensive capabilities including syntax highlighting, intelligent code completion, and seamless user experience.
  • Emmet Integration: Speed up your HTML/CSS workflow with built-in Emmet support, allowing you to use shorthand for rapid coding.
  • Theme Customization: Toggle between light and dark themes to suit your preference or match your working environment, enhancing visibility and reducing eye strain.
  • Dynamic Syntax Highlighting: Easily enable or disable syntax highlighting and choose between light or dark themes to best fit the context of your content.
  • Flexible Editor Configuration: Adjust font sizes and choose from various programming languages such as HTML, CSS, JavaScript, PHP, and more, catering to diverse development needs.
  • Multiple Viewing Modes: Includes ‘Code’, ‘Preview’, and ‘Split View’ modes, enabling you to code and preview content simultaneously or separately, optimizing your workflow.

Ideal Use Cases:

This plugin is perfect for:

  • Developers embedding custom code directly into posts or pages.
  • Educational platforms that feature coding tutorials.
  • Tech bloggers showcasing programming tips and snippets.

Why Choose Enhanced Code Editor?

  • Improved Usability: With an intuitive interface and adjustable settings, this plugin is designed to enhance productivity and ease of use.
  • Responsive and Adaptive: Works seamlessly across different devices and screen sizes, ensuring a consistent editing experience everywhere.
  • Persistent Settings: Customizations and settings are saved per user, so your environment is the same each time you log in.

Embrace a superior coding experience within WordPress with Enhanced Code Editor. Whether you’re a professional developer or a hobbyist, this plugin adapts to your needs, making coding within WordPress a delight.


  • Preview with Emmet Abbreviation
  • Dark and Light Theme
  • Split Preview
  • Supported languages


This plugin provides 1 block.

  • Code Pro HTML and Syntax Highlighter


This section describes how to install the plugin and get it working.


  1. Upload the plugin files to the /wp-content/plugins/dblocks-codepro directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress


A question that someone might have

An answer to that question.

What about foo bar?

Answer to foo bar dilemma.


There are no reviews for this plugin.

Contributors & Developers

“DBlocks CodePro” is open source software. The following people have contributed to this plugin.


Translate “DBlocks CodePro” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Version bump


  • Updated API paths for WP subfolder installations
  • Language changes take effect immediately; previously, a reload was required
  • Font size changes take effect immediately; previously, a reload was required


  • Updated version number to be higher number, then self hosted one to remove confusion witch is the latest one.


  • Fixed fetching API in subfolder wordpress installation.


  • Added check to verify if the block category exists.


  • Release