Title: DBlocks CodePro Author: DPlugins Published: 2024(e)ko maiatzaren 27(a) Last modified: 2026(e)ko apirilaren 3(a) --- Bilatu pluginak ![](https://ps.w.org/dblocks-codepro/assets/banner-772x250.png?rev=3092910) ![](https://ps.w.org/dblocks-codepro/assets/icon.svg?rev=3092910) # DBlocks CodePro [DPlugins](https://profiles.wordpress.org/dplugins/)-(r)en eskutik [Deskargatu](https://downloads.wordpress.org/plugin/dblocks-codepro.1.5.1.zip) [Live Preview](https://eu.wordpress.org/plugins/dblocks-codepro/?preview=1) * [Xehetasunak](https://eu.wordpress.org/plugins/dblocks-codepro/#description) * [Berrikuspenak](https://eu.wordpress.org/plugins/dblocks-codepro/#reviews) * [Instalazioa](https://eu.wordpress.org/plugins/dblocks-codepro/#installation) * [Garapena](https://eu.wordpress.org/plugins/dblocks-codepro/#developers) [Laguntza](https://wordpress.org/support/plugin/dblocks-codepro/) ## Deskripzioa **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. ## Pantaila-argazkiak * [[ * Preview with Emmet Abbreviation * [[ * Dark and Light Theme * [[ * Split Preview * [[ * Supported languages ## Blokeak Plugin honek 1 blokea hornitzen du. * Code Pro HTML and Syntax Highlighter ## Instalazioa This section describes how to install the plugin and get it working. e.g. 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 ## MEG ### A question that someone might have An answer to that question. ### What about foo bar? Answer to foo bar dilemma. ## Berrikuspenak ![](https://secure.gravatar.com/avatar/e235471c1e6d2b201ce55c659019e8d35e9c6b4f4c227589dc1e5261d0369209? s=60&d=retro&r=g) ### 󠀁[Does what it claims to do, and does it well](https://wordpress.org/support/topic/does-what-it-claims-to-do-and-does-it-well/)󠁿 [iamlegh](https://profiles.wordpress.org/iamlegh/) 2025(e)ko maiatzaren 30(a) Well done Marco, this is a very useful block for developers who want to share code! [ Irakurri berrikuspen bakarra ](https://wordpress.org/support/plugin/dblocks-codepro/reviews/) ## Laguntzaileak eta Garatzaileak “DBlocks CodePro” software librea da. Ondoko pertsonek egin dizkiote ekarpenak plugin honi. Laguntzaileak * [ DPlugins ](https://profiles.wordpress.org/dplugins/) * [ Marko Krstić ](https://profiles.wordpress.org/krstivoja/) [Itzul zaitez DBlocks CodePro zure hizkuntzara.](https://translate.wordpress.org/projects/wp-plugins/dblocks-codepro) ### Garapena interesatzen zaizu? [Araka kodea](https://plugins.trac.wordpress.org/browser/dblocks-codepro/), begiratu [SVN biltegia](https://plugins.svn.wordpress.org/dblocks-codepro/) edo harpidetu [garapen erregistrora](https://plugins.trac.wordpress.org/log/dblocks-codepro/) [RSS](https://plugins.trac.wordpress.org/log/dblocks-codepro/?limit=100&mode=stop_on_copy&format=rss) bidez. ## Aldaketen loga #### 1.5.1 * Fixed minimum WordPress version requirement (6.7+, not 7.0) #### 1.5.0 * Fixed AMD loader conflict that was breaking jQuery UI, TomSelect, and other plugins( EDD, datepicker, dialog, tooltip) * Updated Monaco Editor from 0.53.0 to 0.55.1 * Fixed monaco.contribution.js defineProperty error * Requires WordPress 7.0+ (blocks v3 with mandatory iframe) * Removed non-iframe fallback code and classic editor detection * Simplified block registration using WP 7+ APIs * Consolidated all build scripts into single webpack config * Monaco Editor is now auto-copied via CopyWebpackPlugin on every build #### 1.4.4 Forgot to update number ih plugin header … #### 1.4.3 Hotfix – Will not load if Gutenberg is not loaded #### 1.4.2 content change and added blueprint.json #### 1.4.1 changed from wp_kses() to raw $content as wp_kres strips svg #### 1.4.0 * Added a Global Settings page * Added a Settings for Unused Plugins page (next to Disable Plugin) * Moved Global Settings from the sidebar to the Settings page * Split block into two variations: Custom HTML and Syntax Highlighting * Fixed template loading * Fixed loading in the v2 API when the editor is not in an iframe #### 1.3.2 * Added transfrom from HTML Block to CodePro Block #### 1.3.1 * Version Bump #### 1.3.0 * Added option to edit code outside of the block. That is perfect for small block sizes if you place code for a logo. * Added display language when using Syntax Highlighting. You can enable it from sidebar. * Added copy code button when using Syntax Highlighting. You can enable it from sidebar. * Topbar is simplified. If Highlighting is on you will see language switch if code is running and Highlighting is off you will see preview and split option. * Improved Monaco Editor performance and added loader. * Improved compatibility with WP 6.8.1 #### 1.2.9 * Added option to enable/disable syntax highlighting inside toolbar * Added option to select language inside toolbar * Added option to select view mode as dropdown inside toolbar * Added tooltip for “Use Wrapper” * Added tooltip for “Activate Syntax Highlighting” * Updated paths for build script #### 1.2.8 * Updated yaml action #### 1.2.7 * Updated inspector controls to be compatible with WP 6.7.1. Fixed deprecation warning. * Updated handling API if permalinks is set to ‘Plain’ #### 1.2.6 * Fixed height of Monaco Editor. WP 6.7.1 added to make it 100vh by default. Now it is fit-content by default. * Updated monaco editor to the latest version 0.52.0. It was 0.48 before. #### 1.2.5 * Added option to scale Monaco Editor height with content * Fixed height is moved from global option to per curent block option * Fixed height units expanded to include PX, %, EM, REM. Previously only VH was supported. #### 1.2.4 * Updated monaco editor to version 0.52.0 * Updated emmet-monaco-es (for autocomplete) to version 5.5.0 to be compatible with monaco editor 0.52.0 #### 1.2.3 * Updated monacoe editor loading. 6.6 have removed the class from editor-iframe, that we’re using to load monaco editor. * Updated getSite() function to use new WP Data API #### 1.2.2 * Version bump #### 1.2.1 * 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 #### 1.2.0 * Updated version number to be higher number, then self hosted one to remove confusion witch is the latest one. #### 1.0.2 * Fixed fetching API in subfolder wordpress installation. #### 1.0.1 * Added check to verify if the block category exists. #### 1.0.0 * Release ## Meta * Version **1.5.1** * Azken eguneraketa **duela 21 ordu** * Instalazio aktiboak **10+** * WordPress bertsioa ** 6.7 edo handiagoa ** * **6.9.4** (e)raino probatuta. * PHP bertsioa ** 7.4 edo handiagoa ** * Language * [English (US)](https://wordpress.org/plugins/dblocks-codepro/) * Etiketak * [block](https://eu.wordpress.org/plugins/tags/block/)[code](https://eu.wordpress.org/plugins/tags/code/) [code block](https://eu.wordpress.org/plugins/tags/code-block/)[html](https://eu.wordpress.org/plugins/tags/html/) * [Ikuspegi aurreratua](https://eu.wordpress.org/plugins/dblocks-codepro/advanced/) ## Balorazioak 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/dblocks-codepro/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/dblocks-codepro/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/dblocks-codepro/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/dblocks-codepro/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/dblocks-codepro/reviews/?filter=1) [Gehi ezazu nire iritzia](https://wordpress.org/support/plugin/dblocks-codepro/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/dblocks-codepro/reviews/) ## Laguntzaileak * [ DPlugins ](https://profiles.wordpress.org/dplugins/) * [ Marko Krstić ](https://profiles.wordpress.org/krstivoja/) ## Laguntza Zerbait duzu esateko? Laguntza behar? [Ikusi laguntza foroa](https://wordpress.org/support/plugin/dblocks-codepro/)