Advanced editor for Additional CSS

Описание

The default Additional CSS editor in Gutenberg feels like writing code in Notepad. It’s small, lacks structure, and makes debugging a headache.

This plugin transforms that basic textarea into a comfortable, lightweight CSS editor directly inside the Site Editor.

My greatest wish is that this plugin will become obsolete once WordPress includes this feature natively in Gutenberg. Until then, it substantially improves your daily workflow.

Key coding features supported:

  • Line numbers
  • Auto indented
  • Auto closing parenthesis
  • Add comments with Ctrl / Cmd shortcodes (Ctrl + Ç, Ctrl + / and Ctrl + 7)

Скриншоты

Установка

  1. Upload the advanced-additional-css folder to /wp-content/plugins/
  2. Activate the plugin from the WordPress plugins page
  3. Go to Block editor / Styles / Additional CSS and the new CSS editor will be applied
  4. Enjoy a better CSS coding experience!

Часто задаваемые вопросы

Does this plugin require Gutenberg?

Yes, Advanced editor for Additional CSS only works with new FSE experience / Gutenberg. If you use the old Customizer editor, these features are included by default. Gutenberg plugin is not needed.

Will I lose my current CSS changes if I enable/disable this plugin?

No, Advanced editor for Additional CSS recognizes the Additional CSS content and just replaces the textarea behavior.

Does this plugin affect my website’s front-end performance?

No, not at all. This plugin only loads its scripts and styles within the WordPress admin area (specifically inside the Site Editor). It does not add a single byte of code to the front-end, keeping your website’s loading speed and Core Web Vitals completely unaffected.

Does it support CSS property autocomplete or Emmet?

Currently, the plugin focuses on enhancing the editor’s core structure (line numbers, auto-indentation, and shortcuts). Full property autocompletion is not included in this version, but it helps keep the plugin incredibly lightweight and fast.

Отзывы

Нет отзывов об этом плагине.

Участники и разработчики

«Advanced editor for Additional CSS» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Перевести «Advanced editor for Additional CSS» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.0.2 — 13 jun, 2026

  • HOTFIX: increased line numbers when text overflows textarea vertically
  • Text wrapping deleted: Horizontally scrollable textarea

1.0.1 — 3 jun, 2026

  • New styles to avoid textarea overflowing

1.0.0 — 25 may, 2026

  • Initial release