Advance Custom HTML

Description

An Advanced Custom HTML plugin is used to write code with ease and produce code outputs, or to display code snippets on your website in an elegant manner.

πŸ‘‰ Plugin Demo | Get Pro Version πŸ‘ˆ

The Greatest Code Editor For WordPress Is Now Available β˜…β˜…β˜…β˜…β˜…

The Advanced Custom HTML plugin is the ideal solution for showcasing code snippets or creating interactive coding experiences on your WordPress site. Designed for developers, educators, and content creators, it lets you write, display, and customize code effortlessly while providing a seamless output preview. With a feature-rich interface, it makes presenting code both functional and visually appealing.

A standout feature is the draggable live output viewer, enabling users to test and preview code in real time. This makes it perfect for tutorials, demonstrations, or educational content. The plugin also allows you to beautifully display code with customizable headings, a “Copy to Clipboard” button, and flexible layout options to ensure your code fits perfectly into your site’s design.

Customization is key, with over 40+ themes to match any aesthetic. Whether you prefer sleek dark themes or clean light ones, this plugin delivers. Features like line numbers, font size, tab size, code wrapping, auto-completion, and fold gutters enhance functionality and readability. Additionally, users can choose different languages for syntax highlighting, ensuring accurate and visually distinct code styling for various programming languages. You can fully customize the “Copy to Clipboard” button or hide it for a minimalistic display.

With options to set custom editor dimensions and styling, this lightweight and fast plugin gives you full control over code presentation. Perfect for developers sharing projects, educators creating interactive lessons, or content creators adding polished code snippets, the Advanced Custom HTML plugin brings your content to life.

Advance Custom HTML is the best and easiest way to write code and display code to your website.

ADVANCE CUSTOM HTML IS PERFECT FOR

  • Developers
  • **Educators **
  • Content Creators
  • Any Website with Code Snippets

ADVANCE CUSTOM HTML’S GAME-CHANGING FEATURES

See the features that make Advance Custom HTML the Best Code Editor for WordPress.

  • Easy to use
  • Display code output
  • Autocomplete code
  • Suggest code
  • Live preview
  • Drag preview panel anywhere on the screen

Pro Features

  • Embed the code to frontend.
  • Change Theme(40+ themes) for better look.
  • Edit Tab Size
  • Change Different Language For Different Syntax
  • Display Heading
  • Hide/Show Copy Button
  • Change Position of Copy Button When Heading is Disable
  • Change Copy Button Type Like You Can Keep Icon or Text(You can change text with your needed)
  • Styles Copy Button
  • Hide/Show Highlight Active Line
  • Hide/Show Fold Gutter
  • Autocompletion Enable/Disable
  • Wrap Enable/Disable
  • Edit Code Editor Height and Width

Why Advance Custom HTML is such a best plugin for WordPress?

  • No Plugin Like It β€” This is the only WordPress plugin that allows users to write code, display it beautifully, and view its output all within a single solution. It’s the ultimate combination of functionality and flexibility for code-based content.

  • Other Code Plugins Fall Short β€” Most plugins either focus on code display or execution, but not both. With Advanced Code Editor & Output Viewer, you get a seamless experience for writing, showcasing, and previewing code, all in one place.

  • Complete Control & Customization β€” Unlike other plugins, this one gives you full control over themes, syntax highlighting, copy button styling, and editor dimensions, all while keeping everything lightweight and performance-focused.

  • Built for Developers and Creators β€” Whether you’re a developer building tutorials, an educator creating lessons, or a content creator sharing code snippets, this plugin is designed to meet all your needs in one intuitive package.

Advance Cusotm HTML is perfect for:

βœ” Bloggers
βœ” Coaches / Trainers
βœ” Content Creators
βœ” Educators & Course Creators
βœ” Web Designers & Developers
βœ” Tech Bloggers
βœ” Niche Sites
βœ” Businesses & Startups
βœ” All WordPress Websites

⭐ Check out the Parent Plugin of this plugin-

πŸ”₯ b Blocks – Best gutenberg blocks collections for WordPress.

⭐ Check out our other WordPress Plugins-

πŸ”₯ Html5 Audio Player – Best audio player plugin for WordPress.

πŸ”₯ Html5 Video Player – Best video player plugin for WordPress.

πŸ”₯ PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

πŸ”₯ StreamCast – A fully-featured Radio Player Plugin for WordPress.

πŸ”₯ 3D Viewer – Display interactive 3D models on the webs.

Screenshots

Blocks

This plugin provides 1 block.

  • Advance Custom HTML Write code like editor.

Installation

From Gutenberg Editor:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For Advance Custom HTML
  3. Click on the Advance Custom HTML block to add the block

Download & Upload:

  1. Download the Advance Custom HTML plugin (.zip file)
  2. In your admin area, go to the Plugins menu and click on Add New
  3. Click on Upload Plugin and choose the custom-html.zip file and click on Install Now
  4. Activate the plugin and Enjoy!

Manually:

  1. Download and upload the Advance Custom HTML plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

FAQ

Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

How many times can I reuse a block?

You can use unlimited times as you want.

Where can I get support?

You can post your questions on the support forum here

Reviews

kΙ”nyasun 2, 2023
I was looking for a plugin that can help to write code and make an instant preview and i found this one. It’s a new plugin but working very smoothly.
Read all 1 review

Contributors & Developers

“Advance Custom HTML” is open source software. The following people have contributed to this plugin.

Contributors

“Advance Custom HTML” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Advance Custom HTML” into your language.

Interested in development?

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

Changelog

1.0.2

  • Fixed issue

1.0.1

  • Embed the code to frontend
  • Edit Tab Size
  • Add Theme Option where have 45 themes collection
  • Change Different Language For Different Syntax
  • Display Heading
  • Hide/Show Copy Button
  • Change Position of Copy Button When Heading is Disable
  • Change Copy Button Type Like You Can Keep Icon or Text(You can change text with your needed)
  • Styles Copy Button
  • Hide/Show Highlight Active Line
  • Hide/Show Fold Gutter
  • Autocompletion Enable/Disable
  • Wrap Enable/Disable
  • Edit Code Editor Height and Width

1.0.0

  • Initial Release