Custom HTML Block Extension

説明

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

リソース

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

react-notifications-component

ライセンス: MIT ライセンス
ソース: https://github.com/teodosii/react-notifications-component

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 でコーディングを高速化
  • 高いカスタマイズ性
  • クラシックエディターのサポート

インストール

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

評価

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!
2023年1月15日
<p>This plugin is solid. I LOVE it!Adds much-needed functionality to the Custom HTML block and then some.<br />Unbelievably well put together, you can tell the developer of this plugin has put much time and effort into its creation.<br />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.<br />The HTML custom extension also appears to remove wpAutop which is a filter which automatically adds to text. Which is great.<br />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.<br />Wow just Wow, congratulations to the Author of this plugin is very powerful, very useful and very well put together.<br />This plugin is an absolute must if you work with CustomHTML blocks at all!</p> <p>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)</p> <p>Thank you Aki Hamano! Hope this becomes core functionality in WordPress one day.</p>
2021年8月9日
カスタムHTMLブロックの編集に、驚きのEmmet実装! それだけではなく、オプションの多さ(そして、必要最低限のベーシックの設定部分はコンパクトでわかりやすくなっている)が大変気に入っています。 神プラグインだと思います。
11件のレビューをすべて表示

貢献者と開発者

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

貢献者

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

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

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

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

変更履歴

3.4.0

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

3.3.2

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

3.3.1

  • 修正: いくつかの誤字

3.3.0

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

  • 初回リリース