Code Snippet DM
Code Snippet DM enables you to display code snippets in a stylish way inside your content.
+8
Overview
Compatibility
Installation instructions
Customer support & learning resources
Changelog
Main benefits
Supports multiple editors
Customizable code snippets
Copy code button
Syntax highlighting
Real-time settings
About this plugin
Author: George-Paul Crețu
Categories: Design and Customization
Version: 2.0.3
Last updated: 03-04-2024
WordPress version: 4.0
Tested up to: 6.5.5
PHP version required: 7.4
Languages:
Tags:
Learning resources: View resources
Overview
The "Code Snippet DM" WordPress plugin is designed to help users display code snippets stylishly within their content, enhancing their website's aesthetic and usability. It supports integration with popular editors such as Gutenberg, Elementor, and TinyMCE, offering flexibility in how code snippets are added and customized. Users can insert code snippets using shortcodes or via a user-friendly TinyMCE interface, and starting from version 2.0.3, a custom Elementor Widget and Gutenberg block have been introduced for easier management. The plugin features extensive customization options, including syntax highlighting, line numbers, background colors, themes, and more, ensuring that each snippet is presented precisely as desired. Additionally, a convenient "Copy Code" button allows visitors to copy the code snippets effortlessly. Inspired by the Carbon project, this plugin aims to provide a simple yet powerful way to showcase code snippets on WordPress sites.
Supports Multiple Editors
- Compatible with Gutenberg, Elementor, TinyMCE, and shortcode.
- Custom Elementor Widget and Gutenberg block for easy integration.
- Continues to support the default way of adding code snippets via shortcodes.
Stylish Code Display
- Inspired by the Carbon project for a stylish appearance.
- Allows control over the appearance of code snippets.
- Includes syntax highlighting and line numbers on the front-end.
User-Friendly Interface
- Intuitive TinyMCE interface for easy code snippet insertion.
- Elementor and Gutenberg sidebar settings for real-time customization.
- TinyMCE button for displaying code without manually adding shortcodes.
Copy Code Functionality
- Includes a Copy Code button on the front-end.
- Allows users to easily copy the entire code snippet to the clipboard.
- Customizable text for the copy button and confirmation message.
Rating and reviews
adcardosi
15 Mar, 2022
Looks like Carbon.now.sh but actually allows copying the text. Really happy with this plugin.
Banjoo
05 Jul, 2021
Very nice plugin! Clean and fast.
The only issue i have is that if you set slim=”no”, the first line of code disappears half way under the top border, so most likely need a bit of padding added.
Other than that it great,
Thanks a lot!
Eli
30 Aug, 2020
This is what I had been looking for. It’s beautiful and simple. I wish there was a way make it show as a regular Gutenberg block, I also wish there was a way to limit the height of the snippet. For example many of my snippets are just one line, but the snippet takes up to 4 lines, it would be nice if one could control the height so things would look a little slicker.
Other than that awesome plugin, no problems with it so far.
Keep up the good work.
Cesar Pinto
22 Mar, 2019
After spending the last couple of days looking for a plugin to give some style to my code snippets (basically CSS, PHP, and Javascript), this is the only one that worked just fine with ThriveArchitect (and I likely tested all of the ‘highlight’ plugins from the repository.) Simple, lightweight, great dark theme, works with a short-code and includes a ‘copy to clipboard’ button.
If anything, I’d ask to be able to customize the text strings from the events ‘on success copy’ and ‘on error’ without having to mess with js files (maybe with a couple of extra parameters in the short-code.)
Keep up the good work!
