[WordPress] 外掛分享： Advance Custom HTML – Show Live Code, Share Snippets, Embed Code, and Style Them Your Way.

內容簡介

這是一款用來專業編寫 HTML 代碼的高級 HTML 編輯器，提供不同的樣式、縮排與更多功能。

Advance Custom HTML 是一款功能強大、彈性十足的區塊外掛，讓您可以在 WordPress 文章和頁面中添加自定義的 HTML、CSS 和 JavaScript 代碼。使用此外掛，您可以輕鬆創建和自定義高級版面配置，添加自定義風格，並使用自己的代碼實現複雜的功能。

該外掛包含一個直觀的區塊介面，使您可以在內容中添加並編輯自定義代碼。只需從 Gutenberg 區塊庫中選擇 Advance Custom HTML 區塊，輸入您的代碼，即可實時預覽您的更改。您也可以切換代碼編輯器，直接編輯您的代碼。

Advance Custom HTML 是一款多功能的外掛，支持各種代碼格式，包括 HTML5、CSS3、JavaScript 等等。您還可以添加外部腳本、樣式表和庫，以實現更大的靈活性。

該外掛還經過優化，具有良好的性能和安全性。使用 Advance Custom HTML 添加的所有自定義代碼都會自動進行消毒和驗證，以防止安全漏洞，並且該外掛旨在最大程度地減少對您的網站性能的影響。

總之，Advance Custom HTML 是一個強大而重要的區塊外掛，適用於任何想使用自定義代碼自定義其 WordPress 內容的用戶。立即嘗試它，將您的內容推向新的高度！

特點

易於使用
暗黑主題
自動完成代碼
建議代碼
實時預覽
拖動預覽面板可讓其出現在屏幕的任何位置

使用方式

首先安裝 Custom HTML 外掛
在 Gutenberg 編輯器中的“小部件”區塊類別中添加 Custom HTML 區塊。
您可以從右側的設置側邊欄更改區塊設置。

享受！

如需安裝說明，請單擊安裝選項卡

反饋

喜歡這款外掛嗎？不喜歡嗎？想要一個新功能嗎？給我發送反饋

⭐ 查看此插件的父插件-

🔥 bBlocks – WordPress 最佳 Gutenberg 區塊集合。

⭐ 查看我們的其他 WordPress 外掛-

🔥 Html5 Audio Player – WordPress 最佳音頻播放器外掛。

🔥 Html5 Video Player – WordPress 最佳視頻播放器外掛。

🔥 PDF Poster – WordPress 的功能完整的 PDF 查看器外掛。

🔥 StreamCast – WordPress 的功能完整的廣播播放器外掛。

🔥 3D Viewer – 在網上顯示交互式 3D 模型。

外掛標籤

開發者團隊

原文外掛簡介

#1 Plugin to Add Custom HTML & CSS & JavaScript Code and Display Any Code Snippet Beautifully in WordPress.
Advance Custom HTML lets users display HTML, CSS, JavaScript, PHP, Python, or other code snippets within WordPress posts, pages, or widgets. With built-in live preview support, syntax highlighting, and code editor features, it’s designed for sharing code in a clean, readable, and responsive format.
This plugin includes a front-end code editor with a draggable preview panel, multiple syntax themes, and customizable settings for formatting and appearance. Ideal for tutorials, technical articles, and documentation, it provides a flexible way to embed and present code with real-time results.
Advance Custom HTML | Pricing | Support | Demo
Free Features – Everything You Need to Start

Edit code and preview output together on the editor/backend.

Live Output Preview: See the results of your code instantly

Autocomplete suggestions while writing code

Draggable Preview Panel to move output anywhere on screen

Set editor Font Size

Fully responsive, mobile-friendly interface

Lightweight and fast for better performance

Pro Features – Unlock Advanced Controls
The Pro version offers extended customization and control over code presentation and layout.
What’s Included in Pro:

Choose from 40+ editor themes (dark, light, minimal, etc.)

Adjust Tab size, line wrapping, editor height/width

Change syntax mode per snippet: HTML, CSS, JS, PHP, Python, and more

Toggle features: Copy button, Fold gutter, Highlight active line, etc.

Customize the Copy to Clipboard button text, icon, style, and position

Hide Headings or Labels for a clean, minimalist look

Hide or Show Line numbers to simplify code presentation

Enable or Disable Wrap to control line flow in your editor

Edit Code Editor/Snippet Height and Width, and align left, center, or right

Fold Gutter support for collapsing code blocks

Highlight Active Line Toggle for easier focus during tutorials

How to Use – Step-by-Step Guide
Quick setup in just a few steps:

Install the Advance Custom HTML

Open the editor for any post or page

Click Add Block and select Advance Custom HTML under Widgets

Write or paste your code

Customize the settings (theme, preview, copy button)

Publish or update the content

Use Cases:

Write and preview front-end HTML/CSS tutorials

Embed JavaScript snippets with instant results

Display PHP code in educational content

Show Python syntax in data science blogs

Publish developer documentation or API guides

Create interactive code articles with live editing

Perfect For:

Bloggers and Tech Writers

Coaches, Instructors, and Course Creators

Web Developers and Designers

Software Product Sites

Niche Tutorials & SaaS Startups

Business Sites with Technical Content

Anyone publishing HTML, JS, CSS, PHP, or Python code

Live Demo | Buy The Pro
Check out our other WordPress Plugins-
Html5 Video Player – Display videos as single and playlist in multiple skins.
PDF Poster – Display/Embed PDF files with different styles.
Html5 Audio Player – Listen audios with awesome visuals.
StreamCast – Customizable radio player with different skins.
3D Viewer – Embed 3D models and 3D products with interaction.
Advanced Post Block – Show posts and custom posts in different layouts.

延伸相關外掛

Nexter Extension – Security, Performance, Code Snippets & Site ToolkitNexter Extension 是一款集安全性、性能、代碼片段及網站工具...Code Snippet DM在您的內容中以時尚的方式顯示您的程式碼片段。此外，該外掛...Insert Codes – Insert Headers and Footers + Code Snippets Manager for WordPress總結: 這個「插入代碼-標頭和腳注代碼片段」外掛可以讓您輕鬆...Coding Blocks 請注意，該外掛不會執行任何代碼於您的 WordPress 網站上！ ...Compilebin這是一個語法高亮外掛，同時也是一個介面，可以連接到 https:...Code Injection For WYSIWYG這個外掛可以將嵌入的 YouTube 影片代碼、HTML 代碼或其他代...tagmate.io — code snippet installertagmate.io 外掛能夠協助您輕鬆地在網站上安裝第三方服務的程...Snippet FlyerSnippet Flyer 可以讓您在博客文章正文中添加漂亮的代碼片段...