Source Code Syntax Highlighter

When it comes to getting feedback or sharing your code, you need a tool that provides different color schemes to choose from, depending on multiple codes. Say Hello to syntax highlighting for over 25+ programming languages that can be embedded as a live preview for your WordPress website.

Supports 25+ Coding Languages

8+ Unique Code Themes

Unique Code Copy Option

Based On Pure JavaScript

TPAG Single Page Image

Highlight Code Snippets With Ease

Best block to highlight your code snippets in 25+ Coding Languages with premium options.

<!DOCTYPE html>
<html>
<head>
  <title>Theplus Addons</title>
  <meta charset="UTF-8">
</head>
<body>

<h1 class="heading-title" data-hover="Creative & Innovative ">Creative & Innovative </h1>

<p>Collection of 100+ Powerful Gutenberg blocks, 14+ Templates, 300+ UI Blocks and Amazing features.</p>

<p>When it comes to getting feedback or sharing your code, you need a tool that provides different colour schemes to choose from, depending on multiple code. Say Hello to syntax highlighting for over 25+ programming languages which can be embedded as a live preview for your WordPress website.</p>

<a href="https://theplusblocks.com/pricing/" target="_blank">Buy Now</a>


</body>
</html>

body {
 background: linear-gradient(180deg, rgba(255,0,0,.8), rgba(255,0,0,0) 50%),
 linear-gradient(185deg, rgba(0,255,0,.8), rgba(0,255,0,0) 50%),
 linear-gradient(360deg, rgba(0,0,255,.8), rgba(0,0,255,0) 50%);
}
 
h1, h2, h3, h4, h5, h6 {
 transition: all 10ms cubic-bezier(.25, 1, .7, .5);
 box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 1);
 color: #000;
}

Special CSS Features

Try to hover on color codes and You will see some amazing UX elements over here. It will make your simple code interactive as well for a better user experience on your Gutenberg-based websites.

25+ Coding Languages & 8+ Preset Themes

Your all coding languages will be supported with a vast library of 25+ coding languages and On top of that 8+ Preset Themes to choose from.

public class Main extends Thread {
  public static void main(String[] args) {
    Main thread = new Main();
    thread.start();
    System.out.println("This code is outside of the thread");
  }
  public void run() {
    System.out.println("This code is running in a thread");
  }
  Thread {
  public static void main(String[] args) {
    Main thread = new Main();
    thread.start();
    System.out.println("This code is outside of the thread");
  }
}
<?php
$title_align=$settings["title_align"];
		$id_int = substr( $this->get_id_int(), 0, 3 );
		$on_hover_accordion= ($settings['on_hover_accordion']=='yes') ? 'hover' : 'accordion';
		$uid=uniqid("accordion");
		
		$connect_carousel =$row_bg_conn='';
		if(!empty($settings["connection_unique_id"])){
			$connect_carousel="tpca_".$settings["connection_unique_id"];
			$uid="tptab_".$settings["connection_unique_id"];
			$row_bg_conn = ' data-row-bg-conn="bgcarousel'.esc_attr($settings["connection_unique_id"]).'"';
		}
echo $row_bg_conn;		
?>

Lightweight And Performance Optimised JS Structure

We have made it using prism.js which is a javascript library to get optimum performance for your code snippet looks and feel.

Line Numbers, Copy Code, Highlight Lines And More Special Features

You may set up lines numbers ahead of code, set up a button to copy and paste code, Highlight special lines of code and even more features to make your code looks most amazing.

CREATE DATABASE databasename;

DROP DATABASE databasename;

BACKUP DATABASE testDB TO DISK = 'D:\backups\testDB.bak';

CREATE TABLE Persons (
    PersonID int,
    LastName varchar(255),
    FirstName varchar(255),
    Address varchar(255),
    City varchar(255)
);

CREATE TABLE Persons (
    ID int NOT NULL,
    LastName varchar(255) NOT NULL,
    FirstName varchar(255),
    Age int,
    UNIQUE (ID)
);

Supported Language Types

HTML

Basic

C

C#

CPP

CSS

CSS Extra

GCode

Git

HTTP

Java

Java Doc

Java Doc Like

JavaScript

JS Doc

JS Extra

JS Templates

Json

Jsonp

Jsons

Perl

PHP

PHP Extra

PHP SQL

Python

React

Available Themes To Choose From

Default

Coy

Dark

Fancy

Okaidia

Solarized Light

Tomorrow

Twilight