{"id":318370,"date":"2026-05-25T10:02:47","date_gmt":"2026-05-25T10:02:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/advanced-editor-for-additional-css\/"},"modified":"2026-05-25T10:02:31","modified_gmt":"2026-05-25T10:02:31","slug":"advanced-editor-for-additional-css","status":"publish","type":"plugin","link":"https:\/\/si.wordpress.org\/plugins\/advanced-editor-for-additional-css\/","author":14967001,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.0","requires":"6.2","requires_php":"7.4","requires_plugins":null,"header_name":"Advanced editor for Additional CSS","header_author":"Jorge del Campo Andrade","header_description":"Enhance the Additional CSS editor in Gutenberg \/ FSE with line numbers, indented and improved styling.","assets_banners_color":"","last_updated":"2026-05-25 10:02:31","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/jdca.cl","rating":0,"author_block_rating":0,"active_installs":0,"downloads":17,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"jorgedelcampo","date":"2026-05-25 10:02:31"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3547321,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3547321,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon-512x512.png":{"filename":"icon-512x512.png","revision":3547321,"resolution":"512x512","location":"assets","locale":"","width":512,"height":512},"icon.svg":{"filename":"icon.svg","revision":3547312,"resolution":false,"location":"assets","locale":false}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3547321,"resolution":"1","location":"assets","locale":"","width":694,"height":657},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3547321,"resolution":"2","location":"assets","locale":"","width":694,"height":657}},"screenshots":{"1":"Original CSS editor","2":"Advanced CSS editor"}},"plugin_section":[],"plugin_tags":[148857,356,148076],"plugin_category":[59],"plugin_contributors":[231599],"plugin_business_model":[],"class_list":["post-318370","plugin","type-plugin","status-publish","hentry","plugin_tags-block-editor","plugin_tags-css","plugin_tags-gutenberg","plugin_category-utilities-and-tools","plugin_contributors-jorgedelcampo","plugin_committers-jorgedelcampo"],"banners":[],"icons":{"svg":"https:\/\/ps.w.org\/advanced-editor-for-additional-css\/assets\/icon.svg?rev=3547312","icon":"https:\/\/ps.w.org\/advanced-editor-for-additional-css\/assets\/icon.svg?rev=3547312","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/advanced-editor-for-additional-css\/assets\/screenshot-1.png?rev=3547321","caption":"Original CSS editor"},{"src":"https:\/\/ps.w.org\/advanced-editor-for-additional-css\/assets\/screenshot-2.png?rev=3547321","caption":"Advanced CSS editor"}],"raw_content":"<!--section=description-->\n<p>The default Additional CSS editor in Gutenberg feels like writing code in Notepad. It's small, lacks structure, and makes debugging a headache.<\/p>\n\n<p>This plugin transforms that basic textarea into a comfortable, lightweight CSS editor directly inside the Site Editor.<\/p>\n\n<p>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.<\/p>\n\n<p>Key coding features supported:<\/p>\n\n<ul>\n<li>Line numbers<\/li>\n<li>Auto indented<\/li>\n<li>Auto closing parenthesis<\/li>\n<li>Add comments with Ctrl \/ Cmd shortcodes (<strong>Ctrl + \u00c7<\/strong>, <strong>Ctrl + \/<\/strong> and <strong>Ctrl + 7<\/strong>)<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>advanced-additional-css<\/code> folder to <code>\/wp-content\/plugins\/<\/code><\/li>\n<li>Activate the plugin from the WordPress plugins page<\/li>\n<li>Go to Block editor \/ Styles \/ Additional CSS and the new CSS editor will be applied<\/li>\n<li>Enjoy a better CSS coding experience!<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20require%20gutenberg%3F\"><h3>Does this plugin require Gutenberg?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"will%20i%20lose%20my%20current%20css%20changes%20if%20i%20enable%2Fdisable%20this%20plugin%3F\"><h3>Will I lose my current CSS changes if I enable\/disable this plugin?<\/h3><\/dt>\n<dd><p>No, Advanced editor for Additional CSS recognizes the Additional CSS content and just replaces the textarea behavior.<\/p><\/dd>\n<dt id=\"does%20this%20plugin%20affect%20my%20website%27s%20front-end%20performance%3F\"><h3>Does this plugin affect my website's front-end performance?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"does%20it%20support%20css%20property%20autocomplete%20or%20emmet%3F\"><h3>Does it support CSS property autocomplete or Emmet?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Enhance the Additional CSS editor in Gutenberg \/ FSE with line numbers, indented and improved styling.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/318370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=318370"}],"author":[{"embeddable":true,"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/jorgedelcampo"}],"wp:attachment":[{"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=318370"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=318370"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=318370"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=318370"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=318370"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/si.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=318370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}