Divi Show / Hide Button Module
Current version: 1.3.6

Divi Code Snippet Module

Display syntax-highlighted source code in your Divi Builder pages

Syntax highlighting for 70+ languages
Automatic language detection (with manual override if needed)
Formatting options to control styles, line numbers, indentation, and more

Automatic updates. No recurring fees.
90 day money back guarantee.

Integrated with Divi Builder

The Code Snippet Module plugin adds a code snippet module to the standard Divi Builder which you can use just like you would any other Divi Module. It works with Divi, Extra, and the Divi Builder plugin and is Visual Builder compatible.

Syntax Highlighting

Make the code in your posts easy to read with the Code Snippet module's clever syntax highlighting. Choose from 73 different color schemes.

// Calculate the nth fibonacci number
function fibonacci($n) {
    return round(pow((sqrt(5)+1)/2, $n) / sqrt(5));
}
// Calculate the nth fibonacci number
function fibonacci($n) {
    return round(pow((sqrt(5)+1)/2, $n) / sqrt(5));
}
// Calculate the nth fibonacci number
function fibonacci($n) {
    return round(pow((sqrt(5)+1)/2, $n) / sqrt(5));
}
// Calculate the nth fibonacci number
function fibonacci($n) {
    return round(pow((sqrt(5)+1)/2, $n) / sqrt(5));
}
// Calculate the nth fibonacci number
function fibonacci($n) {
    return round(pow((sqrt(5)+1)/2, $n) / sqrt(5));
}
// Calculate the nth fibonacci number
function fibonacci($n) {
    return round(pow((sqrt(5)+1)/2, $n) / sqrt(5));
}
Full List of Supported Languages

Syntax highlighting is currently supported for the following languages:

  • 1C

  • Access logs

  • ARM assembler

  • AVR assembler

  • ActionScript

  • Apache

  • AppleScript

  • AsciiDoc

  • AspectJ

  • AutoHotkey

  • AutoIt

  • Axapta

  • Bash

  • Basic

  • BNF

  • C

  • C#

  • C++

  • C/AL

  • Cache Object Script

  • CMake

  • CSP

  • CSS

  • Cap'n Proto

  • Clojure

  • CoffeeScript

  • Crmsh

  • Crystal

  • D

  • DNS Zone file

  • DOS

  • Dart

  • Delphi

  • Diff

  • Django

  • Dockerfile

  • DTS (Device Tree)

  • Dust

  • Elixir

  • Elm

  • Erlang

  • F#

  • FIX

  • Fortran

  • G-Code

  • Gams

  • GAUSS

  • Gherkin

  • Go

  • Golo

  • Gradle

  • Groovy

  • HTML / XML

  • HTTP

  • Haml

  • Handlebars

  • Haskell

  • Haxe

  • Ini

  • Inform7

  • IRPF90

  • JSON

  • Java

  • JavaScript

  • Lasso

  • Less

  • Lisp

  • LiveCode Server

  • LiveScript

  • Lua

  • Makefile

  • Markdown

  • Mathematica

  • Matlab

  • Maxima

  • Maya Embedded Language

  • Mercury

  • Mizar

  • Mojolicious

  • Monkey

  • Moonscript

  • NSIS

  • Nginx

  • Nimrod

  • Nix

  • OCaml

  • Objective C

  • OpenGL Shading Language

  • OpenSCAD

  • Oracle Rules Language

  • Oxygene

  • PF

  • PHP

  • Parser3

  • Perl

  • PowerShell

  • Processing

  • Prolog

  • Protocol Buffers

  • Puppet

  • Python

  • Python profiler results

  • Q

  • QML

  • R

  • RenderMan RIB

  • RenderMan RSL

  • Roboconf

  • Ruby

  • Rust

  • SCSS

  • SQL

  • STEP Part 21

  • Scala

  • Scheme

  • Scilab

  • Smali

  • Smalltalk

  • Stan

  • Stata

  • Stylus

  • Swift

  • Tcl

  • TeX

  • Thrift

  • TP

  • Twig

  • TypeScript

  • VB.Net

  • VBScript

  • VHDL

  • Vala

  • Verilog

  • Vim Script

  • x86 Assembly

  • XL

  • XML

  • XQuery

  • Zephir

If you need a syntax highlighting for a language that isn't listed here, please get in touch. 

Automatic Language Detection

The Code Snippet Module can automatically detect and perform syntax highlighting for 154 languages. So whichever language you use, your code will look great.

Bash

for i in 1 2 3 4 5
do
    # must have at least one command in loop
    echo $i  # just print value of i
done

C/C++

int sum = 0;
for (int i = 1; i < 6; ++i) {
    sum += i;
}

JavaScript

for (var key in array) {  
  // Do something with array[key]
}

Python

for counter in range(1, 6):  # gives values from 1 to 5 inclusive
  # do something here

PHP

for ($i = 0; $i <= 5; $i++)
{
  for ($j = 0; $j <= $i; $j++)
  {
    echo "*";
  }
  echo "<br>";
}

Ruby

5.times do |counter|  # counter iterates from 0 to 4
  # statements
end

Powerful Customization Options

The Code Snippet Module gives you control over how your code is displayed. Add line numbers, adjust tab sizes, or apply custom CSS to get the look you want.

Add Line Numbers

/* Blog Posts */
.et_pb_post {
	margin-bottom: 42px;
}

Fix Tab Sizes

/* Blog Posts */
.et_pb_post {
	margin-bottom: 42px;
}

Add a Click to Copy Button

/* Blog Posts */
.et_pb_post {
	margin-bottom: 42px;
}

Advanced Design Settings

/* Blog Posts */
.et_pb_post {
	margin-bottom: 42px;
}

Custom CSS Support

/* Blog Posts */
.et_pb_post {
	margin-bottom: 42px;
}

Divi Code Snippet Module

Automatic updates. No recurring fees.
90 day money back guarantee.

3 Comments

  1. dan on June 6, 2023 at 11:27 pm

    I've just checked whether or not the new AI code writing feature in Supreme AI Writer works with Divi Code Snippet Module. It does :)

    Reply
  2. Maud CORREA on May 10, 2023 at 1:22 am

    hi,

    does it have a copy / paste option (click to copy)?

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *