{"id":9392,"date":"2026-06-02T06:12:03","date_gmt":"2026-06-02T04:12:03","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=9392"},"modified":"2026-06-02T06:12:05","modified_gmt":"2026-06-02T04:12:05","slug":"php-editors-brackets","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/","title":{"rendered":"PHP Editors: Brackets"},"content":{"rendered":"\n<div class=\"translation-block translation-block-merged\">\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#Context\" >Context<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#What_is_Brackets\" >What is Brackets?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#Key_features\" >Key features<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#1_Live_editing_experience\" >1. Live editing experience<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#2_Inline_CSS_editing\" >2. Inline CSS editing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#3_Split_view_editing\" >3. Split view editing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#4_CSS_preprocessor_support\" >4. CSS preprocessor support<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#5_Extension_system\" >5. Extension system<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#Supported_platforms\" >Supported platforms<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#Supported_languages\" >Supported languages<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#Licensing_and_source\" >Licensing and source<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#Practical_implications\" >Practical implications<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/php-editors-brackets\/#Summary\" >Summary<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Context\"><\/span>Context<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Brackets is an open-source code editor developed by Adobe, designed primarily for front-end web development. However, it also supports back-end languages such as PHP, making it suitable for full-stack development in simpler workflows.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Its key strength is a smooth visual editing experience focused on HTML and CSS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_Brackets\"><\/span>What is Brackets?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<\/div>\n\n<div id=\"mybox-340244584\" class=\"mybox-content mybox-entity-placement\"><div class=\"early-access-banner-inpost\">\r\n  <div class=\"banner-left-inpost\">\r\n    <div class=\"icon-box-inpost\">\r\n      <img decoding=\"async\" src=\"https:\/\/mybox.com\/help\/wp-content\/uploads\/2026\/02\/square-info-icon.svg\" alt=\"Info\">\r\n    <\/div>\r\n    <div class=\"text-box-inpost\">\r\n      <span class=\"label-inpost\"><span class=\"translation-block translation-block-banner-text\">Early access<\/span><\/span>\r\n      <h4><span class=\"translation-block translation-block-banner-text\">Still need help?<\/span><\/h4>\r\n      <p><span class=\"translation-block translation-block-banner-text\">Contact our customer service team.<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"banner-right-inpost\">\r\n    <a href=\"https:\/\/panel.mybox.com\/helpdesk2\/v\/list\/\" class=\"banner-button-inpost\"><span class=\"translation-block translation-block-banner-text\">Message us<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/div>\n\n<div class=\"translation-block translation-block-merged\"><p class=\"wp-block-paragraph\">Brackets is a lightweight, browser-oriented code editor that emphasizes real-time visual feedback. It is especially popular among developers working with HTML, CSS, and preprocessor languages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While not a full-featured PHP IDE, it can be used for PHP projects thanks to language support and extensions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Key_features\"><\/span>Key features<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Live_editing_experience\"><\/span>1. Live editing experience<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Brackets offers a real-time connection to the browser, allowing developers to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>preview changes instantly<\/li>\n\n\n\n<li>see updates without manual refresh<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Inline_CSS_editing\"><\/span>2. Inline CSS editing<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A standout feature is inline CSS editing, which lets you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>edit CSS rules directly from HTML<\/li>\n\n\n\n<li>see related selectors in context<\/li>\n\n\n\n<li>simplify styling workflows<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Split_view_editing\"><\/span>3. Split view editing<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Supports both vertical and horizontal split views, making it easier to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>work on multiple files at once<\/li>\n\n\n\n<li>compare code sections side by side<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_CSS_preprocessor_support\"><\/span>4. CSS preprocessor support<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Brackets works well with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sass<\/li>\n\n\n\n<li>LESS<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">It includes features like live highlighting and quick editing for these tools.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Extension_system\"><\/span>5. Extension system<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Brackets has an extension registry that allows users to add functionality such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>themes<\/li>\n\n\n\n<li>language support improvements<\/li>\n\n\n\n<li>additional development tools<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">However, its extension ecosystem is smaller than VS Code or Atom.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Supported_platforms\"><\/span>Supported platforms<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Brackets runs on:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Windows<\/li>\n\n\n\n<li>Linux<\/li>\n\n\n\n<li>macOS<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Supported_languages\"><\/span>Supported languages<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Brackets supports multiple languages, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PHP<\/li>\n\n\n\n<li>HTML \/ CSS \/ JavaScript<\/li>\n\n\n\n<li>LESS \/ SCSS \/ Sass<\/li>\n\n\n\n<li>Python<\/li>\n\n\n\n<li>Java<\/li>\n\n\n\n<li>C \/ C++<\/li>\n\n\n\n<li>Ruby<\/li>\n\n\n\n<li>Perl<\/li>\n\n\n\n<li>VBScript<\/li>\n\n\n\n<li>and others<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Licensing_and_source\"><\/span>Licensing and source<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>License: MIT<\/li>\n\n\n\n<li>Source code: <a href=\"https:\/\/github.com\/adobe\/brackets\" target=\"_blank\" rel=\"noopener\">https:\/\/github.com\/adobe\/brackets<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Practical_implications\"><\/span>Practical implications<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Brackets is best suited for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>front-end development workflows<\/li>\n\n\n\n<li>lightweight PHP projects<\/li>\n\n\n\n<li>developers who value live visual feedback<\/li>\n\n\n\n<li>simple and fast editing environments<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">It is less suitable for large-scale PHP applications compared to full IDEs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Brackets is a lightweight, Adobe-developed code editor focused on front-end development with real-time visual features, but it also supports PHP and can be used for simple full-stack projects where simplicity and live preview are priorities.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[42],"manual_kb_tag":[824,901,5518,5519,5520,5521,5522,5523,5524,5525],"class_list":["post-9392","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-miscellaneous","manual_kb_tag-open-source","manual_kb_tag-live-editing","manual_kb_tag-brackets-editor","manual_kb_tag-adobe","manual_kb_tag-code-editor","manual_kb_tag-frontend-development","manual_kb_tag-full-stack-development","manual_kb_tag-live-preview","manual_kb_tag-real-time-visual-feedback","manual_kb_tag-inline-css-editing"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/9392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/9392\/revisions"}],"predecessor-version":[{"id":9393,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/9392\/revisions\/9393"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/media?parent=9392"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manualknowledgebasecat?post=9392"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb_tag?post=9392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}