説明

Custom HTML Block Extension は、カスタム HTML ブロックを拡張し、高度なコードエディターに進化させます。
50種類のカラーテーマが用意されており、自分の好みに合ったテーマを選ぶことができます。
このプラグインは、ショートカットの入力を完全なコードに展開する Emmet を搭載しています。これにより、入力の回数が減り、キーストロークを節約できます。
アドバンスモードでは、あらゆる設定を変更して、理想のエディターを作り上げることができます。
また、クラシックエディター、テーマ/プラグインエディター、エディター設定のインポート/エクスポート、インデントの変更などにも対応しています。

リソース

monaco-editor

ライセンス: MIT ライセンス
ソース: https://github.com/microsoft/monaco-editor

emmet-monaco-es

ライセンス: MIT ライセンス
ソース: https://github.com/troy351/emmet-monaco-es

monaco-themes

ライセンス: MIT ライセンス
ソース: https://github.com/brijeshb42/monaco-themes

webfontloader

ライセンス: Apache-2.0 ライセンス
ソース: https://github.com/typekit/webfontloader

ウェブフォント (Fira Code)

ライセンス: OFL-1.1 ライセンス
ソース: https://github.com/tonsky/FiraCode

ウェブフォント (Source Code Pro)

ライセンス: OFL-1.1 ライセンス
ソース: https://github.com/adobe-fonts/source-code-pro

ウェブフォント (Ubuntu Mono)

ライセンス: OFL-1.1 ライセンス
ソース: https://ubuntu.com/legal/font-licence

ウェブフォント (Anonymous Pro)

ライセンス: OFL ライセンス
ソース: https://www.marksimonson.com/fonts/view/anonymous-pro

スクリーンショット

Custom HTML Block Extension
多彩なカラーテーマ
Emmet でコーディングを高速化
高いカスタマイズ性
クラシックエディターのサポート

インストール

custom-html-block-extension フォルダ全体を /wp-content/plugins/ ディレクトリにアップロードします。
WordPress のプラグインメニューからプラグインを有効化してください。

評価

ryuryu1029 2025年2月10日 8 replies

テーマエディター上でemmetを利用したい目的から導入しました。emmetの利用はもちろん、豊富なオプションでカスタマイズ性も素晴らしいです。設定のUIも大変わかりやすいです。最終的に導入に至らなかった点は、テーマエディター上でファイル更新を行うと、ページが更新され元に戻せない点です。ページ更新やphpのエラーメッセージ表示・位置などがデフォルトの仕様であれば是非導入したいと思います。

nikvasko 2023年2月14日

Dear friend. You have made a wonderful plugin. I’ve wanted to find one for a long time and I’m very glad I found it. This is despite the fact that half of the plugin’s functions do not work on my computer. Minimap, code folding, suggest function are absolutely dead. But there is a wonderful indentation system. Find and replace text works great. Code coloring is remarkably fast. Well chosen colors. Very convenient multiple selection and correction.Indeed, I have tried dozen of editors and coloring systems, no one of them is comparable to your package. Huge thanks to you for your work. Maybe you will find time to understand Why some of the functions do not work on my computer. I am working with WordPress 6.1.1, PHP 7.4.26 system. Even if you only make assumptions, I will be extremely grateful to you. I am Nick, best regards!

TRUmsg 2022年9月30日

Coding candy!

WP Forhad 2022年9月13日

That’s what I’ve been looking for ♥♥

hefin 2023年1月15日

This plugin is solid. I LOVE it!Adds much-needed functionality to the Custom HTML block and then some. Unbelievably well put together, you can tell the developer of this plugin has put much time and effort into its creation. The options/settings available for the plugin are extensive and the little helper pop-up showing you visual representations of what the option does is really useful and intuitive. The HTML custom extension also appears to remove wpAutop which is a filter which automatically adds to text. Which is great. Your HTML formatting is retained! Yes, you heard right all your indents and extra lines etc, are not lost on save like the standard HTML editor. Wow just Wow, congratulations to the Author of this plugin is very powerful, very useful and very well put together. This plugin is an absolute must if you work with CustomHTML blocks at all! In the future would love to see this in use in the Code Editor mode (which for those who don’t know is accessed via the visual editor with Ctrl+shift+alt+M) Thank you Aki Hamano! Hope this becomes core functionality in WordPress one day.

kitakami 2022年1月8日

A god plugin. It’s a plugin you want even if you pay for it!

12件のレビューをすべて表示

貢献者と開発者

Custom HTML Block Extension はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

Aki Hamano

“Custom HTML Block Extension” は1ロケールに翻訳されています。翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Custom HTML Block Extension” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログを RSS で購読してみてください。

変更履歴

3.8.0

WordPress 6.8で動作確認
WordPress 6.5のサポートを停止
機能改善: 設定ページで WordPress スナックバーを使用する
修正: テーマ/プラグインエディターを離脱するときに警告が表示されない
修正: テーマ/プラグインエディターで保存時の Ajax が機能しない
修正: 設定ページの「オプションを保存」ボタンのサイズ

3.7.0

WordPress 6.7で動作確認
WordPress 6.4のサポートを停止
機能改善: スタイルとレイアウトの調整
修正: クラシックエディターでミニマップとツールバーが重なる

3.6.0

WordPress 6.6で動作確認
WordPress 6.3のサポートを停止
修正: クラシックエディターでのエディターの重複
修正: 設定ページでタブをクリックしたときに発生するクリティカルエラー
修正: クラシックエディターで Ctrl+S ショートカットが機能しない
修正: クラシックエディターでのエディター上部の余白のずれ
修正: クラシックエディターでのブラウザコンソールエラー
修正: テーマ/プラグインエディターでのブラウザコンソールエラー

3.5.0

WordPress 6.5で動作確認
WordPress 6.2のサポートを停止
機能改善: 設定画面とコントロールの調整
a11y: 無効なボタンをフォーカス可能にする
修正: インデント変更ポップオーバーでの警告エラー

3.4.0

WordPress 6.4で動作確認
修正: メディアの追加がクラシックエディターで正しく動作しない
WordPress 6.1のサポートを停止

3.3.2

修正: WordPress 6.3でのブラウザ警告エラー
修正: ユーザー権限の設定がすべてのエディターに適用されない

3.3.1

修正: いくつかの誤字

3.3.0

WordPress 6.3で動作確認
機能改善: 設定のフィルタリング機能を追加
機能改善: モノスペースフォントを追加
機能改善: ユーザー権限のパーミッション設定を追加
機能改善: エディター更新ボタンを設定ページから削除
機能改善: テーマカラーをクラシックエディターに適用
機能改善: ヘルプモーダルの説明文にコードタグを使用
国際化: 文字列により厳密なキャピタライゼーションルールと文法を適用
アクセシビリティ: スクリーンリーダーの読み上げを改善
修正: ブロックエディターでフルスクリーンエディターが表示されない
整理: インデント変更ポップオーバーのスタイル調整
WordPress 5.9、6.0のサポートを停止
PHP7.3のサポートを停止

3.2.1

機能: モーダル HTML エディターのアイコンを変更

3.2.0

WordPress 6.2で動作確認
機能: モーダル HTML エディターの追加
機能改善: プレビューモード時にツールバーボタンを表示しない
修正: ブロックエディター上での Monaco エディターの誤った CSS
修正: ブロックエディターで行のコピーとカットが機能しない
整理: ブロックエディターでのポップオーバー UI の調整
整理: クラシックエディターでのポップオーバー UI の調整
整理: 設定ページ UI の調整

3.1.0

WordPress 6.1で動作確認
WordPress 5.6から5.8のサポートを停止
整理: Monaco エディターのバージョンを更新
機能改善: 設定画面に管理画面の配色を適用
修正: 設定画面での通知メッセージの位置

3.0.3

Monaco エディターのコアファイルを同梱

3.0.2

WordPress 6.0で動作確認
作者名のアップデート

3.0.1

ドキュメント: タイポの修正

3.0.0

更新: フルサイトエディター、モバイル / タブレットデバイスプレビュー、ブロックテンプレートエディターのサポート

2.5.0

WordPress 5.9で動作確認
更新: ブロックエディターにおけるインデント変換ツールの UI を改善
更新: フルサイトエディター、モバイル / タブレットデバイスプレビュー、ブロックテンプレートエディターでコードエディターを無効に
削除: ローカル翻訳ファイルのサポート

2.4.3

修正: IntelliSense の誤った CSS

2.4.2

修正: 不適切な検索ボックスのスタイル

2.4.1

整理: リリースに含まれる不要なファイルの削除

2.4.0

修正: 特定の条件下でエディターモードが正しく検出されない
整理: monaco エディターのバージョンを更新
整理: PHP の名前空間の変更

2.3.3

修正: 特定の条件下でエディターモードが正しく検出されない

2.3.2

整理: npm パッケージのアップデートと構文チェックの実行
修正: インデント変更ツールのスタイル

2.3.1

修正: IntelliSense の誤った CSS

2.3.0

テーマ/プラグインエディターのサポート
コードをリファクタリング
整理: npm パッケージのアップデート

2.2.3

修正: クラシックエディターでクイックタグの挿入が反映されない

2.2.2

修正: Emmet がクラシックエディターで動作しない

2.2.1

整理: npm パッケージのアップデート
削除: バンドルされた言語ファイル

2.2.0

追加: インデント変換ツール
修正: クラシックエディターがコンテンツエディターに対応していない場合の処理を追加
ドキュメント: ウェルカムガイド、翻訳ファイルの更新
修正: メタボックスで追加されたビジュアルエディターがクラシックエディターで表示されない

2.1.2

修正: 日本語入力時に、変換が確定するまで文字が表示されない

2.1.1

ドキュメント: tested up to を更新

2.1.0

WordPress 5.8で動作確認
修正: 正しいブロックアイコンが表示されない問題
整理: npm パッケージのアップデート
追加: クラシックエディターに Ctrl+S のショートカットアクションを追加
修正：クラシックエディターを初めて使用したときに、エディターのモードが正しく検出されない

2.0.2

修正: クラシックエディターにおいて、ビジュアルエディターを無効にしたときに発生するエラー

2.0.1

修正: ブラウザのコンソールエラーと、クラシックエディターでのコードエディターのマージントップが正しく設定されない問題

2.0.0

ドキュメント: 翻訳ファイルのアップデート
追加: クラシックエディターのサポート

1.2.1

修正: ショートカットの「切り取り」「コピー」が設定によって正常に動作しない問題

1.2.0

ドキュメント: 翻訳ファイルのアップデート
追加: エディターの設定をインポート/エクスポートするツール
整理: 内部ロジックの調整

1.1.0

ドキュメント: 翻訳ファイルのアップデート
ドキュメント: カスタムフォントの追加方法について
追加: カスタムフォントを追加するためのフィルターフック

1.0.3

修正: エディター設定のプレビューでサンプルコードのインデントが設定と一致しない
修正：エディター設定のプレビューのサンプルコードの不正な HTML 構文
整理: 内部ロジックの調整
変更: 一部の設定項目の範囲
スタイル: 水平スクロールバーとサイズ変更可能なボックスのハンドルの間にスペースを追加

1.0.2

整理: gif ファイルの再録画と圧縮

1.0.1

整理: console.log を削除
整理: .eslintignore を .distignore から削除

1.0.0

初回リリース

説明